<script type="text/javascript">
$(document).ready(function(){
$('.trigger').click(function() {
$.ajax({
url: 'http://localhost:8080/index.jsp',
type: 'post',
timeout: 1000,
error: function(XMLHttpRequest, textStatus, errorThrown){
alert(textStatus+'Error loading PHP document'+XMLHttpRequest.status);
},
success: function(result){alert(result);}
});
});
});
</script>
</head>
<body>
<div class="trigger">Trigger</div>
上面是AJAXERORR.HTML 执行这个文件 就算 http://localhost:8080/index.jsp 存在 XMLHttpRequest.status也是O 原因是跨域访问了，就算是找不到这个文件 也是一样返回O
必须把AJAXERORR.HTML放在项目里面 然后执行 就和预期结果一样
如果把URL地址换成本地文件 根本就没有走HTTP 所以也自然返回O
我分析原因是 请求地址有还是没有 都会反正正常HTTP请求码
但是JS会防止跨域访问 所以统一返回状态码为O
另外就算放在服务器里面 请求地址必须是一样的
不能一个是IP 另外一个是localhost 这样
我也只是分析 具体原因也不清楚 欢迎大家拍砖
- 大小: 72.5 KB
- 大小: 83.8 KB
分享到：
相关推荐
2. 文件上传：通过XMLHttpRequest Level 2，jQuery Form可以实现跨域文件上传，兼容多种浏览器。 3. 进度条显示：在上传大文件时，提供进度反馈，用户可以直观了解上传进度。 4. 多种提交模式：支持GET和POST方式，...
6. **兼容性**：`jquery.form.js`支持多种提交方式，包括传统的POST和PUT，以及XMLHttpRequest Level 2的FormData。 在实际使用中，我们可以这样引入和使用这两个文件： ```html <script src="jquery.js"> ...
AJAX主要通过JavaScript中的XMLHttpRequest对象来实现，JQuery为开发人员提供了一个更加方便的AJAX实现方式。本文将详细介绍在使用JQuery进行AJAX操作时，XMLHttpRequest对象的status状态码以及JQuery AJAX方法中...
XMLHttpRequest对象是JavaScript中用于异步数据交换的核心组件，它是AJAX（Asynchronous JavaScript and XML）技术的基础。AJAX允许网页在不刷新整个页面的情况下，仅更新部分区域，从而提高用户体验。尽管名称中...
《jQuery AJAX 深入解析与实践应用》 在Web开发中，AJAX（Asynchronous JavaScript and XML）技术被广泛用于实现页面的无刷新更新，极大地提升了用户体验。本篇文章将聚焦于jQuery中的AJAX功能，它通过简洁的API...
当`readyState`属性变为4（表示请求已完成）且`status`属性为200（表示成功）时，我们可以解析返回的数据并更新DOM元素。 在本例中，我们的目标是动态生成一个table表格。首先，HTML中需要有一个表格结构，但初始时...
### jQuery Ajax 全解析 #### 一、简介与概述 jQuery 是一款优秀的 JavaScript 库，以其轻量级、易用性著称，在前端开发中扮演着重要的角色。它简化了许多原本复杂的操作，如 DOM 操作、事件处理以及 Ajax 交互等...
首先，jQuery是一个强大的JavaScript库，它为DOM操作、事件处理、动画效果和Ajax交互提供了简洁易用的API。而AJAX（Asynchronous JavaScript and XML）则是一种在不刷新整个页面的情况下与服务器交换数据并更新部分...
综上所述，jQuery 的 AJAX 功能为前端开发者提供了强大的工具集，极大地简化了 AJAX 开发过程中的复杂性。通过深入理解 jQuery AJAX 的工作原理和使用方法，可以更加高效地开发出具有异步交互功能的应用程序。
总结以上所述，为jQuery的Ajax请求添加超时时间的操作方法能够让开发者更加主动地管理网络请求的行为，提升应用的响应速度和用户体验。通过合理设置timeout值，并结合success、error和complete回调函数，可以在不同...
在本"Ajax练习.rar"压缩包中，包含了作者使用Ajax技术进行的一些实践项目，主要聚焦于jQuery中的Ajax操作，同时也涉及到JavaScript的基础Ajax使用。这里我们将深入探讨Ajax的基本概念、在jQuery中的应用以及在实际...
jQuery Form插件是一款强大的JavaScript工具，它扩展了jQuery库，使得表单数据可以以AJAX方式发送，从而实现无刷新的页面更新。这个插件不仅支持常规的GET和POST请求，还支持PUT、DELETE等HTTP方法，极大地增强了...
jQuery的AJAX功能通过`.ajax()`方法提供，它封装了XMLHttpRequest对象，使得开发者可以更加便捷地发送HTTP请求。以下是如何使用jQuery AJAX来实现股票实时更新的步骤： 1. **引入jQuery库**：首先，确保在HTML文件...
2. 事件监听：通过`onreadystatechange`事件监听Ajax请求的状态变化，当`readyState`为4（表示请求完成）且`status`为200（表示请求成功）时，读取响应数据。 二、jQuery中的Ajax 1. `$.ajax()`函数：这是jQuery中...
首先，jQuery Form插件的核心功能是将任何HTML表单转化为AJAX提交方式，使得用户无需页面刷新即可完成数据提交，提升了用户体验。它通过监听表单的submit事件，拦截常规的表单提交，转而使用XMLHttpRequest对象进行...
回调函数仅在请求成功（status为'success'）时触发。`jQuery.get()` 不支持错误处理，若需处理错误，建议使用 `jQuery.ajax()`。 ```javascript $.get( "./Ajax.aspx", { Action: "get", Name: "lulu" }, ...
`jQuery Mockjax` 是一个专门为jQuery设计的插件，它的主要功能是模拟Ajax请求和响应，为开发者提供了一个方便的开发和测试工具。通过使用Mockjax，开发者可以在本地环境中创建各种模拟的HTTP响应，无需依赖真实...
jQuery的$.ajax函数封装了XMLHttpRequest，提供了更友好的API和跨浏览器兼容性，但相比于Fetch API，它在现代Web开发中使用率有所下降。 3. **XMLHttpRequest (XHR)** XHR对象是AJAX的基础，它允许JavaScript在不...
### JQuery Ajax 的详细介绍 #### 一、Ajax 概述 Ajax 是 Asynchronous JavaScript and XML（异步 JavaScript 和 XML）的缩写，它并不是一种单一的技术，而是一系列用于创建交互式网页应用程序技术的集合。通过 ...