jquery ajax,ashx,json的用法總結(jié)

2019-11-20 21:07:54

字體：大中小

供稿：網(wǎng)友

jquery提供的簡(jiǎn)化版的ajax調(diào)用方法通常如下：

    function post() {
    $("#divWait").show();
    $("#btnPost").attr("disabled", "disabled");
    $.post("../PostIt.ashx",
                    {
                        msgContent: $("#msgContent").val()
                    },
                    function (data) {
                        if (data.indexOf('OK') > -1) {
                            alert(data);
                        }
                        else {

                            }
                        $("#divWait").hide();
                        $("#btnPost").attr("disabled", "");
                    });
}

在開(kāi)發(fā)的時(shí)候，要接受json格式的返回值時(shí)，上面的方法貌似不能行，上面的方法貌似接受的是text的文本行。因此，采用jQuery的底層Ajax實(shí)現(xiàn)方法。

該方法參數(shù)也很多，具體可看幫助文檔。本人的常規(guī)用法

復(fù)制代碼代碼如下:

});
}

在ashx代碼段，要設(shè)置好返回的格式。

context.Response.ContentType = "application/json";

如果是返回的html或者text的話(huà)可以如下寫(xiě)法

context.Response.ContentType = "text/plain";

如果ajax方法中設(shè)置的返回值是json時(shí)，ashx代碼返回的格式必須是json格式的數(shù)據(jù)。
把一個(gè)對(duì)象轉(zhuǎn)換成json格式，常用方法就是采用開(kāi)源的第三方類(lèi)庫(kù)json.net,Newtonsoft.Json.dll.

JsonConvert.SerializeObject方法就可以轉(zhuǎn)換了。返回json格式后，jquery就可以采用XXX.xxx的方式獲取值了。

JsonConvert在處理datetime格式的時(shí)候，會(huì)返回類(lèi)似1198908717056的絕對(duì)值，因此，在處理datetime的時(shí)候，要做一下轉(zhuǎn)換。具體語(yǔ)句如下：

此處順便提一下，javascript對(duì)json格式的數(shù)據(jù)有著天生的處理能力，非常好的兼容json格式數(shù)據(jù)。

舉個(gè)例子：

復(fù)制代碼代碼如下:

    function pppp() { 
           var person = { "name": "jack", "age": 24,"sex": true }; 
           alert(person.name); 
           alert(person.age); 
           alert(person.sex); 
           }

這樣的代碼可以直接寫(xiě)出來(lái)，在vs2010的代碼編輯器中還可以有代碼提示。很強(qiáng)大。

ashx完整代碼如下：

復(fù)制代碼代碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Threading;
using Newtonsoft.Json;
using Newtonsoft.Json.Converters;

    namespace nnn
{
    /// <summary>
    /// PostIt 的摘要說(shuō)明
    /// </summary>
    public class PostIt : IHttpHandler
    {

            public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "application/json";
            try
            {
                string msgContent = context.Request["msgContent"] ?? "";
                ModelContent m = new ModelContent()
                {
                    author = "",
                    categoryid = -1,
                    title = "",
                    content = msgContent,
                    datetime = DateTime.Now,
                    key = "",
                    createdate = DateTime.Now,
                    lastmodifydate = DateTime.Now,
                    ip = context.Request.UserHostAddress

};

//BLLContent bll = new BLLContent();
//bll.Add(m);

                    IsoDateTimeConverter timeConverter = new IsoDateTimeConverter();
                //這里使用自定義日期格式，如果不使用的話(huà)，默認(rèn)是ISO8601格式
                timeConverter.DateTimeFormat = "yyyy'-'MM'-'dd' 'HH':'mm':'ss";
                string output = JsonConvert.SerializeObject(m, Newtonsoft.Json.Formatting.Indented, timeConverter);
                context.Response.Write(output);
            }
            catch (Exception ex)
            {
                context.Response.Write(ex.Message);
            }

}

            public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

上一篇：利用JQuery和Servlet實(shí)現(xiàn)跨域提交請(qǐng)求示例分享

下一篇：Jquery中ajax方法data參數(shù)的用法小結(jié)