$.ajax({
type: "GET",
url: url,
dataType: "json",
async: false,
success: function(json, textStatus){
//doing
},
error: function (xhr, err) {
alert("readyState: " + xhr.readyState + "\nstatus: " + xhr.status);
alert("responseText: " + xhr.responseText);
}
});
通过错误输出发现了下面报错的内容:
com.googlecode.jsonplugin.JSONException: java.lang.reflect.InvocationTargetException
经网上查证,请求的action类中,包含部分方法名称是以 getXXX 开头,故产生此错误。
解决方法有两种:
一、修改方法名称;
二、在方法上面添加 @JSON(serialize=false) ;
分享到:
相关推荐
- 监听 readyState 和 status 属性,判断请求状态。 - 当请求成功时调用相应的回调函数处理响应数据。 - **错误处理**: - 提供 error 回调函数来处理失败的情况。 #### 四、jQuery AJAX 方法详解 - **$.ajax...
例如,以下是一个使用jQuery AJAX的示例,展示了如何检查`readyState`和`status`: ```javascript $.ajax({ url: 'example.com/data', type: 'GET', success: function(response, textStatus, jqXHR) { if ...
2. 事件监听:通过`onreadystatechange`事件监听Ajax请求的状态变化,当`readyState`为4(表示请求完成)且`status`为200(表示请求成功)时,读取响应数据。 二、jQuery中的Ajax 1. `$.ajax()`函数:这是jQuery中...
总结来说,Ajax技术通过XMLHttpRequest对象实现了浏览器与服务器之间的异步数据交互,而jQuery则进一步简化了这一过程,使得开发者能更方便地使用Ajax功能。学习Ajax和jQuery Ajax,不仅能提高页面的交互性,还能...
if (xhr.readyState === 4 && xhr.status === 200) { var response = JSON.parse(xhr.responseText); // 解析 JSON 响应 console.log(response); } else if (xhr.status !== 200) { console.error("Error: " + ...
本文将详细探讨`jQuery.ajax()`中遇到的`error`返回错误以及为何会一直返回`error`的情况。 首先,`jQuery.ajax()`的`async`参数默认设置为`true`,意味着请求是异步的,即在等待服务器响应的同时,浏览器可以继续...
if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } }; xhr.send(); ``` ### 二、发送Ajax请求 Ajax请求主要包含四个步骤: 1. 创建XMLHttpRequest对象。 2. 打开连接,...
if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } }; xhr.send(); ``` **Ajax与jQuery**的结合让Ajax的使用变得更加简单。jQuery是一个强大的JavaScript库,它简化了DOM...
在处理Ajax请求时,通常会在`.onreadystatechange`事件中检查`readyState`和`status`。例如: ```javascript var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4) ...
callback(new Error('Ajax request failed with status ' + xhr.status)); } }; xhr.send(data); } // 使用示例 sendAjaxRequest('example.php', 'POST', 'param1=value1¶m2=value2', function(err, res) {...
### Ajax与JQuery达内培训笔记精要 #### Ajax概览 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现...
在本教程中,我们将深入探讨如何使用原生的XMLHttpRequest对象以及jQuery库来实现Ajax。 首先,我们来了解一下XMLHttpRequest对象。它是Ajax的核心,允许JavaScript向服务器发送HTTP请求,并接收服务器返回的数据。...
if (xhr.readyState === 4 && xhr.status === 200) { var response = xhr.responseText; // 处理返回的数据 } }; xhr.send(); ``` 对于 POST 请求,需要在 `open` 方法后设置请求头,并在 `send` 方法中传递...
使用`$.ajax()`函数是jQuery中发起Ajax请求的主要方式。例如: ```javascript $.ajax({ url: 'your-api-url', type: 'GET', dataType: 'json', success: function(data) { // 处理返回的数据 }, error: ...
本文旨在详细介绍如何使用原生JavaScript处理AJAX(Asynchronous JavaScript and XML)请求,以替代常用的jQuery库中的`$.ajax()`方法。通过理解并掌握原生JavaScript处理AJAX的方式,开发者能够更好地控制网络请求...
Ajax调用的`onreadystatechange`事件用于检查请求状态,当`readyState`为4(表示请求完成)且`status`为200(表示成功)时,可以解析返回的数据。对于JSON数据,我们可以使用`JSON.parse()`;对于XML数据,可能需要...
if (xhr.readyState == 4 && xhr.status == 200) { document.getElementById('inf').innerHTML = xhr.responseText; } } xhr.open('GET', 'PHP/getDetails.php?LiName=' + id, true); xhr.send(); } ``` 在...
使用jQuery的$.ajax()函数,可以更方便地发起AJAX请求,同时处理兼容性问题。$.ajax()函数允许自定义各种选项,如数据类型、请求头、回调函数等,使得AJAX编程更加简洁和高效。 总结来说,XMLHttpRequest对象是前端...
常见的使用jQuery或者原生JavaScript发起AJAX请求的方式如下: jQuery示例: ```javascript $.ajax({ url: 'http://otherdomain.com/api', type: 'GET', crossDomain: true, success: function(response) { ...