Jquery .ajax方法分析(二)

简介: 访问ws,而web方法再是字符串返回类型。这次通过response来响应请求。所处环境:.net3.5,而webservice 不再添加修饰标签:[System.Web.Script.Services.

访问ws,而web方法再是字符串返回类型。这次通过response来响应请求。所处环境:.net3.5,而webservice 不再添加修饰标签:[System.Web.Script.Services.ScriptService]

(一)Hello

·ws

[WebMethod]

    public void HelloWorld()

    {

        HttpResponse Response = HttpContext.Current.Response;

        Response.ContentEncoding = System.Text.Encoding.Default;

        Response.ContentType = "application/json";

        Response.Write("Hello World!");

    }

 

·ajax post

function ajax_wsHell() {

    $.ajax({

        type: "post",

        contentType: "application/json",

        url: "ajax_2.asmx/HelloWorld",

        success: function(data) {

            alert(data);

        }

    });

}

 

Hello World!

 

·对于纯字串来说(不是json字串),响应的数据是真的字串。

 

(二)Customer

·ws

[WebMethod]

    public void GetCustomer()

    {

        Customer customer = new Customer

{ Unid = 1, CustomerName = "宋江", Memo = "天魁星", Other = "黑三郎" };

        string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer);

        HttpResponse Response = HttpContext.Current.Response;

        Response.ContentEncoding = System.Text.Encoding.Default;

        Response.ContentType = "application/json";

        Response.Write(strJson);

    }

·ajax post

function ajax_wsCustomer() {

    $.ajax({

        type: "post",

        contentType: "application/json",

        url: "ajax_2.asmx/GetCustomer",

        success: function(data) {

            var jsonObject = $.jsonToObject(data);

            var tt = '';

            $.each(jsonObject, function(k, v) {

                tt += k + "" + v + "<br/>";

            });

            $("#divmessage").html(tt);

        }

    });

}

 

{"Unid":1,"CustomerName":"宋江","Memo":"天魁星","Other":"黑三郎"}

 

对于json字串来说,它返回的是一个纯的json字串,不再是以dkeyk/v对。而对于json字串来说,转换到json对象很容易(. jsonToObject()方法,我以前的随笔中有介绍)。

(三)customer list

·ws

[WebMethod]

    public void GetCustomerList()

    {

        Customer customer = new Customer

{ Unid = 1, CustomerName = "宋江", Memo = "天魁星", Other = "黑三郎" };

        Customer customer2 = new Customer

{ Unid = 2, CustomerName = "吴用", Memo = "天机星", Other = "智多星" };

 

        List<Customer> _list = new List<Customer>();

        _list.Add(customer);

        _list.Add(customer2);

 

        string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list);

 

        HttpResponse Response = HttpContext.Current.Response;

        Response.ContentEncoding = System.Text.Encoding.Default;

        Response.ContentType = "application/json";

        Response.Write(strJson);

}

 

·ajax post

function ajax_wsCustomerList() {

    $.ajax({

        type: "post",

        contentType: "application/json",

        url: "ajax_2.asmx/GetCustomerList",

        success: function(data) {

            var jsonObject = $.jsonToObject(data);

            var tt = '';

            $.each(jsonObject, function(k, v) {

            $.each(v, function(kk, vv) {

            tt += kk + "" + vv + "<br/>";

                });

            });

            $("#divmessage").html(tt);

        }

    });

}

 

[

{"Unid":1,"CustomerName":"宋江","Memo":"天魁星","Other":"黑三郎"},

{"Unid":2,"CustomerName":"吴用","Memo":"天机星","Other":"智多星"}

]

 

可以看出,得到的也是纯json字串。

 

(四)带参数

·ws

[WebMethod]

    public void GetCustomerListWithPara(int iUnid)

    {

        Customer customer = new Customer

{ Unid = 1, CustomerName = "宋江", Memo = "天魁星", Other = "黑三郎" };

        Customer customer2 = new Customer

{ Unid = 2, CustomerName = "吴用", Memo = "天机星", Other = "智多星" };

 

        List<Customer> _list = new List<Customer>();

        _list.Add(customer);

        _list.Add(customer2);

 

        var cus = from q in _list

                  where q.Unid == iUnid

                  select q;

 

        string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(cus);

 

        HttpResponse Response = HttpContext.Current.Response;

        Response.ContentEncoding = System.Text.Encoding.Default;

        Response.ContentType = "application/json";

        Response.Write(strJson);

    }

 

·ajax post

 

function ajax_wsCustomerListWithPara() {

    $.ajax({

        type: "post",

        url: "ajax_2.asmx/GetCustomerListWithPara",

        data: ({ iUnid: 1 }),

        dataType: "json",

        success: function(data) {

            var tt = '';

            $.each(data, function(k, v) {

                $.each(v, function(kk, vv) {

                    tt += kk + "" + vv + "<br/>";

                });

            });

            $("#divmessage").html(tt);

        }

    });

}

 

[{"Unid":1,"CustomerName":"宋江","Memo":"天魁星","Other":"黑三郎"}]

 

这里又返回了一个json对象。而不是一个json串。而且,没有给客户端ajax请求添加 contentType参数。

 

综述:

·对于请求由Response响应的json字串值,有很大的便利性,但对于带参数的请求,返回的是一个json对象,这可以直接处理。

·web服务类不必添加修饰标签,这在.net2.0中应该也是可以的,是普遍的。所以,在通过web服务实现ajax时,可以采用这一通用方法。

·.ajax()方法的参数要合适,否则会不出结果,其根源在于jquery类库中对function :ajax的定义

·ajax方法是.getJSON().get(),.post()的根。而这三种方法是做为.ajax方法的一种特殊情况集来表达的。

 

 

 

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明:博客园

目录
相关文章
|
3天前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
13 0
|
15天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
17 0
N..
|
1月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
18 1
|
3月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
3月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
1月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
1月前
|
移动开发 前端开发 安全
Ajax跨域的所有方法(最详细带使用教程!!!)
Ajax跨域的所有方法(最详细带使用教程!!!)
|
2月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
2月前
|
数据采集 Web App开发 前端开发
Python爬虫之Ajax分析方法与结果提取#6
Ajax分析方法、Ajax结果提取【2月更文挑战第20天】
37 0
Python爬虫之Ajax分析方法与结果提取#6
|
2月前
|
XML 前端开发 JavaScript
AJAX get() 和 post() 方法
AJAX(Asynchronous JavaScript and XML)是一种用于创建快速和动态网页的技术,它允许使用 JavaScript 和 XMLHttpRequest 对象在不重新加载整个页面的情况下向服务器发送请求和接收响应。jQuery 提供了几个用于 AJAX 操作的方法,包括 .ajax()、.get() 和 .post()
14 1