Ajax.BeginForm返回方法OnSuccess及转义字符（ajax返回[object object]）

25-02-27 11

对于想了解Ajax.BeginForm返回方法OnSuccess及转义字符的读者，本文将是一篇不可错过的文章，我们将详细介绍ajax返回[objectobject]，并且为您提供关于$(''#car_

对于想了解Ajax.BeginForm返回方法OnSuccess及转义字符的读者，本文将是一篇不可错过的文章，我们将详细介绍ajax返回[object object]，并且为您提供关于$(''#car_info'').form(''submit'',{url:'''',success:func}、$.ajax({})方法success，error，complete，beforeSend使用例子及解释、$.ajax的beforeSend，success, complete，error例子、$.ajax返回的JSON无法执行success的解决方法的有价值信息。

本文目录一览：

Ajax.BeginForm返回方法OnSuccess及转义字符（ajax返回[object object]）
$(''#car_info'').form(''submit'',{url:'''',success:func}
$.ajax({})方法success，error，complete，beforeSend使用例子及解释
$.ajax的beforeSend，success, complete，error例子
$.ajax返回的JSON无法执行success的解决方法

Ajax.BeginForm返回方法OnSuccess及转义字符（ajax返回[object object]）

在Ajax异步提交之后，执行的回调方法，Controller返回时,"return View(AAA)"，前台js函数接收"function XXX(obj)";

转义字符：@Html.Raw("     ");

在视图界面中，@using 和@ model的作用：

@using 是引用名称空间，使得可以在视图界面可以直接使用类名操作。

@model是强类型绑定，使得视图界面可以使用拉姆达表达式可以访问类对象

@Html.DropDownList，在使用下拉框时，name和List<SelectlListItem>两个参数，

在后台绑定的时候要用ViewData["name"]，而那个name就是前台的name，

如：Controller中

 List<ZZY_ProductMarketingElementModel> elementList = productMarketElementServices.GetZZY_ProductMarketingElementList(DataBaseType.Write,whereList);
            List<SelectListItem> selectList = new List<SelectListItem>();
            for (int i = 0; i < elementList.Count; i++)
            {
                SelectListItem sli = new SelectListItem();
                sli.Value = elementList[i].Name;
                sli.Text = elementList[i].Description;
                selectList.Add(sli);
            }
            ViewData["Type"] = selectList;

View中

@Html.DropDownList("Type",(ViewData["Type"] as List<SelectListItem>),"请选择类别",new {})

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

$(''#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的解决方法

为什么会这样子呢？在网上查了好久，结果发现是因为我指定了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返回方法OnSuccess及转义字符和ajax返回[object object]的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于$(''#car_info'').form(''submit'',{url:'''',success:func}、$.ajax({})方法success，error，complete，beforeSend使用例子及解释、$.ajax的beforeSend，success, complete，error例子、$.ajax返回的JSON无法执行success的解决方法的相关知识，请在本站寻找。

本文标签：