我已经在我的网站上实现了Ajax请求,并且正在从网页调用端点。 它总是返回200 OK ,但是jQuery执行error事件。 我尝试了很多事情,但无法弄清问题所在。 我在下面添加我的代码:
jQuery代码
var row = "1";
var json = "{'TwitterId':'" + row + "'}";
$.ajax({
type: 'POST',
url: 'Jqueryoperation.aspx?Operation=DeleteRow',
contentType: 'application/json; charset=utf-8',
data: json,
dataType: 'json',
cache: false,
success: AjaxSucceeded,
error: AjaxFailed
});
function AjaxSucceeded(result) {
alert("hello");
alert(result.d);
}
function AjaxFailed(result) {
alert("hello1");
alert(result.status + ' ' + result.statusText);
}
JqueryOpeartion.aspx
C#代码
protected void Page_Load(object sender, EventArgs e) {
test();
}
private void test() {
Response.Write("<script language='javascript'>alert('Record Deleted');</script>");
}
成功删除后,我需要("Record deleted")
字符串。 我可以删除内容,但是没有收到此消息。 这是正确的还是我做错了什么? 解决此问题的正确方法是什么?
#1楼
令我感到困惑的另一件事是使用localhost
而不是127.0.0.1,反之亦然。 显然,JavaScript无法处理彼此之间的请求。
#2楼
如果您实现的Web服务方法无效,则只需从标头中删除dataType: 'json'
。
在这种情况下,Ajax调用不会期望具有JSON返回数据类型。
#3楼
使用以下代码确保响应为JSON格式(PHP版本)...
header('Content-Type: application/json');
echo json_encode($return_vars);
exit;
#4楼
我遇到过同样的问题。 我的问题是我的控制器返回的是状态码而不是JSON。 确保您的控制器返回类似以下内容的内容:
public JsonResult ActionName(){
// Your code
return Json(new { });
}
#5楼
这只是出于记录目的,因为我在寻找类似于OP的问题的解决方案时碰到了这篇文章。
就我而言,由于Chrome中的同源策略 ,我的jQuery Ajax请求被阻止了。 当我修改服务器(Node.js)来解决所有问题时:
response.writeHead(200,
{
"Content-Type": "application/json",
"Access-Control-Allow-Origin": "http://localhost:8080"
});
从字面上看,我花了一个小时将我的头撞在墙上。 我很蠢...
#6楼
我有同样的问题。 这是因为我的JSON响应包含一些特殊字符,并且服务器文件未使用UTF-8编码,因此Ajax调用认为这不是有效的JSON响应。
#7楼
我已经通过更新的jQuery库面对了这个问题。 如果服务方法未返回任何内容,则意味着返回类型为void
。
然后在您的Ajax通话中,请提及dataType='text'
。
它将解决问题。
#8楼
您只需要在AJAX调用中删除dataType:“ json”
$.ajax({
type: 'POST',
url: 'Jqueryoperation.aspx?Operation=DeleteRow',
contentType: 'application/json; charset=utf-8',
data: json,
dataType: 'json', //**** REMOVE THIS LINE ****//
cache: false,
success: AjaxSucceeded,
error: AjaxFailed
});
#9楼
您的脚本要求返回JSON数据类型。
尝试这个:
private string test() {
JavaScriptSerializer js = new JavaScriptSerializer();
return js.Serialize("hello world");
}
#10楼
看到这个 。 它也有类似的问题。 我试过的工作。
不要删除dataType: 'JSON',
注意:如果仅使用php,则仅在PHP文件中回显JSON Formate。echo ajax code return 200
#11楼
我有类似的问题,但是当我尝试删除数据类型:'json'时,我仍然遇到问题。 我的错误正在执行而不是成功
function cmd(){
var data = JSON.stringify(display1());
$.ajax({
type: 'POST',
url: '/cmd',
contentType:'application/json; charset=utf-8',
//dataType:"json",
data: data,
success: function(res){
console.log('Success in running run_id ajax')
//$.ajax({
// type: "GET",
// url: "/runid",
// contentType:"application/json; charset=utf-8",
// dataType:"json",
// data: data,
// success:function display_runid(){}
// });
},
error: function(req, err){ console.log('my message: ' + err); }
});
}
#12楼
如果您始终从服务器返回JSON(无空响应),则dataType: 'json'
应该可以工作,并且不需要contentType
。 但是请确保JSON输出...
- 有效( JSONLint )
- 已序列化 ( JSONMinify )
jQuery AJAX将在有效但未序列化的JSON上引发“ parseerror”!
#13楼
jQuery.ajax
尝试根据指定的dataType
参数或服务器发送的Content-Type
标头转换响应主体。 如果转换失败(例如,如果JSON / XML无效),则会触发错误回调。
您的AJAX代码包含:
dataType: "json"
在这种情况下,jQuery:
将响应评估为JSON并返回一个JavaScript对象。 […] JSON数据以严格的方式进行解析; 任何格式错误的JSON都会被拒绝,并引发解析错误。 […]空响应也被拒绝; 服务器应返回null或{}的响应。
您的服务器端代码返回状态为200 OK
HTML代码段。 jQuery期望使用有效的JSON,因此引发抱怨parseerror
的错误回调。
解决方案是从jQuery代码中删除dataType
参数,并使服务器端代码返回:
Content-Type: application/javascript
alert("Record Deleted");
但我宁愿建议返回JSON响应并在成功回调中显示消息:
Content-Type: application/json
{"message": "Record deleted"}
#14楼
我认为您的aspx页面未返回JSON对象。 您的页面应执行以下操作(page_load)
var jSon = new JavaScriptSerializer();
var OutPut = jSon.Serialize(<your object>);
Response.Write(OutPut);
另外,尝试更改您的AjaxFailed:
function AjaxFailed (XMLHttpRequest, textStatus) {
}
textStatus
应该为您提供错误类型。
#15楼
尝试跟随
$.ajax({
type: 'POST',
url: 'Jqueryoperation.aspx?Operation=DeleteRow',
contentType: 'application/json; charset=utf-8',
data: { "Operation" : "DeleteRow",
"TwitterId" : 1 },
dataType: 'json',
cache: false,
success: AjaxSucceeded,
error: AjaxFailed
});
要么
$.ajax({
type: 'POST',
url: 'Jqueryoperation.aspx?Operation=DeleteRow&TwitterId=1',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
cache: false,
success: AjaxSucceeded,
error: AjaxFailed
});
在JSON对象中使用双引号而不是单引号。 我认为这将解决问题。
#16楼
我通过使用多个以空格分隔的dataType
( jQuery 1.5+ )感到很幸运。 如:
$.ajax({
type: 'POST',
url: 'Jqueryoperation.aspx?Operation=DeleteRow',
contentType: 'application/json; charset=utf-8',
data: json,
dataType: 'text json',
cache: false,
success: AjaxSucceeded,
error: AjaxFailed
});