GVKun编程网logo

Ajax.BeginForm返回方法OnSuccess(ajax 返回)

25

本文将分享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 返回)

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}

$(''#car_info'').form(''submit'',{url:'''',success:func}


   如 & 这个字符,form 的 success 得到结果的时候解析的时候会解析为 & amp;

$.ajax({})方法success,error,complete,beforeSend使用例子及解释

$.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例子

$.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返回的JSON无法执行success的解决方法



为什么会这样子呢?在网上查了好久,结果发现是因为我指定了dataType:'json',这样一指定完蛋了,对Json的要求就非常严格起来了
晚上在修改代码,之前用的
复制代码代码如下:
$.ajax({ .. dataType:'json',... success:function(json){ //不执行success },error:function(error){ //总是执行这个error } });
在网上查了好久,结果发现是因为我指定了dataType:'json',这样一指定完蛋了,对Json的要求就非常严格起来了,起初我的json格式是这样写的:"{result:{\"success\":\"true\",\"meg\":\"success\"}}",可这样写不行,得改成这样写:"{\"success\":true,\"mesg\":\"success\"}",如果说是bool类型,则不用加引号,其它的键/值都需要加引号.

今天关于Ajax.BeginForm返回方法OnSuccessajax 返回的讲解已经结束,谢谢您的阅读,如果想了解更多关于$(''#car_info'').form(''submit'',{url:'''',success:func}、$.ajax({})方法success,error,complete,beforeSend使用例子及解释、$.ajax的beforeSend,success, complete,error例子、$.ajax返回的JSON无法执行success的解决方法的相关知识,请在本站搜索。

本文标签:

上一篇Expression parameters.parseContent is undefined on line 45, column 28 in template/ajax/head.ftl. - C

下一篇用ajax实现Session永不过期(ajax设置永不超时)