【Ajax】的一些基本方法,Json操作

简单的总结下AJAX的几个方法

之前只会使用$.Ajax()这个方法，但需要填的参数有点多。

今天花时间去学习了下Jquery中Ajax的一些其他的方法。

今天学习感觉收获挺大的。

以前都是通过ajax在一般处理程序的后台把前台界面的代码拼接好，然后通过回掉函数传给前台。

现在可以 用过JSON返回数据给前台，然后再 拼接html，在程序效率上肯定是比之前强很多的。

下面就来总结一下今天学习的吧：

一、post提交

url:发送请求地址。

data:待发送 Key/value 参数。

callback:发送成功时回调函数。

type:返回内容格式，xml, html, script, json, text, _default。

$("#btnPost").click(function () {
                $.post("AjaxDemo.ashx",
                    {
                        "Action": "Post",
                        "UserName": "zhangsan",
                        "UserPwd": "123456"
                    },
                    function (data) {
                        alert(data);
                    }, "text")
        });

二、get提交

其实和post在 写法和参数上并没有什么 不同的

$("#btnGet").click(function () {
    $.get("AjaxDemo.ashx",
        {
            "Action": "Get",
            "UserName": "zhangsan",
            "UserPwd": "123456"
        },
        function (data) {
            alert(data);
        }, "text")
});

三、ajax提交

$.ajax({
    url: 'MyHandler/HdProSet.ashx',
    contentType: 'post',
    data: {
        action: 'SelProAndSchool',
        ProID: ProID,
        ProName: ProName,
    },
    success: function (msg) {
        $("#mytbody").empty();
        $("#mytbody").append(msg);
        del();
        UpaProID();
    },
    error: function () {
        alert("出错了！")
    }
});

四、直接提交整个form表单数据

$("#btnForm").click(function () {
    var form = $("#form1").serializeArray();
    $.post("AjaxDemo.ashx", form,
        function (data) {
            alert(data);
        }, "text")
});

五、返回一个json数据集

/*-----------------------------------------------------*/
$("#btnJson").click(function () {
    $.post("AjaxDemo.ashx", { "Action": "Json" },
        function (JsonData) {
            var length = JsonData.length;
            for (var i = 0; i < length; i++) {
                alert(JsonData[i].SchoolID + "+" +
                    JsonData[i].SchoolName + "+" +
                    JsonData[i].Remarks);
            }
        }, "json")
});

引用：

using System.Collections;
using System.Collections.Generic;
using System.Web.Script.Serialization;

// <summary>
/// 将datatable转换为json  
/// </summary>
/// <param name="dtb">Dt</param>
/// <returns>JSON字符串</returns>
public static string Dtb2Json(DataTable dtb)
{
    JavaScriptSerializer jss = new JavaScriptSerializer();
    ArrayList dic = new ArrayList();
    foreach (DataRow dr in dtb.Rows)
    {
        Dictionary<string, object> drow = new Dictionary<string, object>();
        foreach (DataColumn dc in dtb.Columns)
        {
            drow.Add(dc.ColumnName, dr[dc.ColumnName]);
        }
        dic.Add(drow);
    }
    //序列化  
    return jss.Serialize(dic);
}

差不多这些了，后续再补充，睡觉！