本文将分享Ajax.BeginForm返回方法OnSuccess的详细内容,并且还将对ajax返回进行详尽解释,此外,我们还将为大家带来关于$(''#car_info'').form(''submit
本文将分享Ajax.BeginForm返回方法OnSuccess的详细内容,并且还将对ajax 返回进行详尽解释,此外,我们还将为大家带来关于$(''#car_info'').form(''submit'',{url:'''',success:func}、$.ajax({})方法success,error,complete,beforeSend使用例子及解释、$.ajax的beforeSend,success, complete,error例子、$.ajax返回的JSON无法执行success的解决方法的相关知识,希望对你有所帮助。
本文目录一览:- Ajax.BeginForm返回方法OnSuccess(ajax 返回)
- $(''#car_info'').form(''submit'',{url:'''',success:func}
- $.ajax({})方法success,error,complete,beforeSend使用例子及解释
- $.ajax的beforeSend,success, complete,error例子
- $.ajax返回的JSON无法执行success的解决方法
Ajax.BeginForm返回方法OnSuccess(ajax 返回)
Ajax.BeginForm返回方法OnSuccess = "refresh"
在后台Controller里return Content("OK");
前台:
function refresh(e) { if (e.toString() == "OK") { alert("评论成功!"); window.location.href = window.location.href; } else { window.location.href = "../../UserInfo/Login?backurl=" + window.location.href; } }
$(''#car_info'').form(''submit'',{url:'''',success:func}
如 & 这个字符,form 的 success 得到结果的时候解析的时候会解析为 & amp;
$.ajax({})方法success,error,complete,beforeSend使用例子及解释
在与后台交互的时候,经常使用到jquery的$.ajax()方法来请求数据;
回调函数用的比较多的是success,但是complete、beforeSend、error函数也是很有用的;
下面是使用例子小结:
HTML代码:
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="UTF-8"> <title>ajax_demo</title> </head> <style> .display{ width:600px; height: 400px; border:1px solid; } </style> <body> <divhttps://www.jb51.cc/tag/Box/" target="_blank">Box">展示数据区域:</div> <divhttps://www.jb51.cc/tag/dis/" target="_blank">display"/></div> <input type="button" value="点击获取数据" id="inp" onclick="getData()"/> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="bootstrap.min.js"></script> <script type="text/javascript">js代码:
<script type="text/javascript"> function getData(){ $.ajax({ url:'http://192.168.31.227/sfytjjk/wdaj/wdla.PHP',type:"post",timeout:5000,async:true,cache:true,data:"user_id=12&page=0",dataType:"json",contentType:"application/x-www-form-urlencoded",beforeSend:function(XMLHttpRequest){ console.log(this); $("#inp").val("正在获取数据..."); },success:function(data){ console.log(data); $(".display").html("获取到的数据:</br>"); $(".display").append("总条数:"+data.data.all_count); $("#inp").val("点击获取数据"); },complete:function(XMLHttpRequest,textStatus){ if(textStatus=='timeout'){ var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp"); xmlhttp.abort(); $(".Box").html("网络超时!"); } $("#inp").val("点击获取数据"); },error:function(XMLHttpRequest,textStatus){ console.log(XMLHttpRequest); //XMLHttpRequest.responseText XMLHttpRequest.status XMLHttpRequest.readyState console.log(textStatus); $(".Box").html("服务器错误!"); } }); /* 通过捕捉error事件来获取出错的信息: error: function(XMLHttpRequest,textStatus,errorThrown) { alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } XMLHttpRequest.readyState: 状态码的意思 0 - (未初始化)还没有调用send()方法 1 - (载入)已调用send()方法,正在发送请求 2 - (载入完成)send()方法执行完成,已经接收到全部响应内容 3 - (交互)正在解析响应内容 4 - (完成)响应内容解析完成,可以在客户端调用了 status:返回的HTTP状态码,比如常见的404,500等错误代码。 statusText:对应状态码的错误信息,比如404错误信息是not found,500是Internal Server Error。 responseText :服务器响应返回的文本信息 complete: function (XMLHttpRequest,textStatus) { //textStatus的值:success,notmodified,nocontent,error,timeout,abort,parsererror },error: function (XMLHttpRequest,errorThrown) { //textStatus的值:null,parsererror //errorThrown的值:收到http出错文本,如 Not Found 或 Internal Server Error. } */ } </script>关于ajax的开始的一些参数,cache,contentType等等,自己查下看看就明白了。
$.ajax的beforeSend,success, complete,error例子
jquery ajax官方文档: http://api.jquery.com/jquery.ajax/
常用的ajax形式:
$.ajax({ url: "http://192.168.2.46:8000/account/getjson/",type: "post",dataType: "json",// 跨域使用jsonp contentType: "application/x-www-form-urlencoded; charset=UTF-8" data: { "user": "admin","password": "123456" },beforeSend: function(XMLHttpRequest) { // do something... return true; },success: function(data) { // alert(JSON.stringify(data)); // do something... },complete: function(XMLHttpRequest,textStatus) { // textStatus的值:success,notmodified,nocontent,error,timeout,abort,parsererror },error: function(XMLHttpRequest,textStatus,errorThrown) { // textStatus的值:null,parsererror // errorThrown的值:收到http出错文本,如 Not Found 或 Internal Server Error } });
$.ajax返回的JSON无法执行success的解决方法
今天关于Ajax.BeginForm返回方法OnSuccess和ajax 返回的讲解已经结束,谢谢您的阅读,如果想了解更多关于$(''#car_info'').form(''submit'',{url:'''',success:func}、$.ajax({})方法success,error,complete,beforeSend使用例子及解释、$.ajax的beforeSend,success, complete,error例子、$.ajax返回的JSON无法执行success的解决方法的相关知识,请在本站搜索。
本文标签: