jquery的.get方法说解

简介: 准备工作 ·Customer类 public class Customer {     public int Unid { get; set; }     public string CustomerName { get; set; }     public string Memo { ...

准备工作

·Customer

public class Customer

{

    public int Unid { get; set; }

    public string CustomerName { get; set; }

    public string Memo { get; set; }

    public string Other { get; set; }

}

 

·服务端处理(Json_1.ashx

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

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

context.Response.Write(strJson);

 

jQuery.get( url, [data], [callback], [type] )

能过http get请求数据。其中的callback$.ajax的一种缩略应用,指在成功加载数据后调用。

(一)ashx文件

Get请求得到json数据

·Ashx文件不再提供

·js

function GetCustomer_Ashx() {

    $.get(

    "webdata/get_1.ashx",

    {},

    function(data) {

        var tt = "";    

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

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

        })

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

    },

    "json"

    );

}

其中,参数如果没有,那么也要保留空参数列表;数据格式设置为json

 

(二)ashx文件,集合

·ashx文件不再提供,请见我的博客的其它随笔

·js

function GetCustomerList() {

    $.get(

    "webdata/get_1.ashx",

    {},

    function(data) {

        var tt = "";

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

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

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

            });

        });

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

    },

    "json"

    );

}

其中,没有参数,参数提供部分可以为空,也可以提供空列表;数据格式可以省略,写json也行,其它的几个选项也行。

(三)请求文本文件

这次得到文本内容,不得到json对象。

function GetCustomer_txt() {

    $.get(

    "webdata/get_1.txt",

    function(data) {     

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

    },

    "text"

);

}

这里的数据类型,可以省略。

(四)请求WebService

http get方式请求web服务,默认get关闭。要手动启动。

可以在config文件中添加get支持:

<webServices>

      <protocols>

        <add name="HttpGet"/>

      </protocols>

    </webServices>

 

[WebMethod]

    public string GetCustomer()

    {

        Customer customer = new Customer

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

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

        return strJson;

}

ScriptMethod 属性标签用于指定用于调用方法的 HTTP 谓词以及响应的格式。此属性用于指定可从客户端脚本调用的方法的信息。使用此属性可以指定可用于调用方法的 HTTP 谓词(GET POST)。它还使您可以指定是要使用 JavaScript 对象符号 (JSON) 还是 XML 对响应进行格式设置。

·UseHttpGet

指定是否要通过使用 HTTP GET 命令调用方法。默认值为 false

·ResponseFormat

指定将响应序列化为 JSON 还是 XML。默认值为 Json。当方法返回 XmlDocument XmlElement 对象时,ResponseFormat 属性可用于将 XML 指定为返回类型。

·XmlSerializeString

指定是否将所有返回类型(包括字符串类型)都序列化为 XML。将响应序列化为 JSON 时,将忽略 XmlSerializeString 属性的值。

如果web服务方法不修饰这个标签,那默认就序列化为json对象。

 

function GetCustomer_Webservice() {

    $.get(

    "get_1.asmx/GetCustomer",

    function(data) {

        var jsonObject = $.jsonToObject(data.text);

        var tt = '';

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

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

        });

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

    },

    "json"

);}

这种例子就举到这个为止。在ajax get请求web服务时,注意开通get协议访问。

博客园大道至简

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

转载请注明:博客园

目录
相关文章
|
Web App开发 JSON 前端开发
Jquery的.post说解(一)
准备工作 ·Customer类 public class Customer{    public int Unid { get; set; }    public string CustomerName { get; set; }    public string Memo { get...
842 0
|
Web App开发 JSON JavaScript
Jquery的.post说解(二)
$.post 调用webservice,通过Response来返回数据。 (一)Hello ·ws [WebMethod]public void HelloWorld(){    HttpResponse Response = HttpContext.
765 0
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
58 0
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
59 2
|
5月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
61 1
|
1月前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
40 4
jQuery Growl 插件(消息提醒)
|
1月前
|
存储 JSON JavaScript
jQuery Cookie 插件
jQuery Cookie 插件
38 4
jQuery Cookie 插件
|
8天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
21 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
Validform jQuery插件详解
【8月更文挑战第21天】