AJax技术

jQuery下的post和get请求

字号+ 作者:H5之家 来源:H5之家 2018-01-22 14:15 我要评论( )

“要点”jQuery下的post,get请求常用的jQuery的AJAX方法

“要点”

  • jQuery下的post,get请求
  • 常用的jQuery的AJAX方法
  • jQuery下的post,get请求
    jQuery对Ajax进行了封装,更加方便了我对对Ajax的使用,下面是jQuery的post,get,ajax的例子

    $.ajax(url,[setting])
    jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。常用的几个属性在下面的代码中给出,详细的可参考jQuery手册
    常用参数说明

    $.get(url,[data],[callback],[type])
    参数说明

    $.post(url,[data],[callback],[type])
    参数说明

    //AJAX GET请求 //对GetDate按钮添加click事件,向GetDate.ashx发送get请求 $("#GetDate").click(function () { $.get("GetDate.ashx", { "name": "dfghjk", "namae": "123" }, function (date) { alert(date);//GetDate.ashx返回当前时间 }); }) //AJAX POST请求 对PostDate按钮添加click事件,向GetDate.ashx发送get请求 $("#PostDate").click(function () { $.post("GetName.ashx", { "name": 123, "sh": "123456" }, function (da) { alert(da);//GetName.ashx返回传递的Name的值123 }); }) //AJAX $("#AJAX").click(function () { $.ajax({ type : "post", url: "GetDate.ashx", data: "name=nihao&tyu=sad", success: alert(msg); } }) })

    常用的jQuery的AJAX方法
    $.load(url,[data,[callback]])
    作用:
    参数说明

    $.getJSON( url,[data],[callback])
    作用:通过 HTTP GET 请求载入 JSON 数据。

    $.getScript(url,[callback])
    作用:通过 HTTP GET 请求载入并执行一个 JavaScript 文件

  • url:待装入 HTML 网页网址。
  • callback:载入成功时回调函数。
  • $(“elem”).serialize()
    作用:返回序列表表格内容,是一个string类型

    $(“elem”).serializeArray()
    作用:序列化表格元素 (类似 ‘.serialize()’ 方法) 返回 JSON 数据结构数据。
    注意:此方法返回的是JSON对象而非JSON字符串,返回的JSON对象是由一个对象数组组成的

    下面给出使用的简单例子

    <script type="text/javascript"> $($("#mydiv").load("/jsonDemo/JsonUinfoList.html", function () { alert("OK!") }); }); // getJSON方法 获得json对象中的users对象数组,并将index为1的name属性输出 $.getJSON("GetJSON.ashx", {name : "tom" , age : 12 } , function(json){ alert("name : " + json.users[1].name); }); //加载并且执行Display.js文件中的代码,成功后执行回调函数 $.getScript("Display.js",funvtion() { alert("OK!")} ); //把userdorm中的用户信息转成json对象 var jsondata = $("#UserForm").serializeArray(); </script>

    PS:博文中如有什么不对的地方恳请大家指出,谢谢~

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • jquery中的ajax同步和异步详解,jqueryajax

      jquery中的ajax同步和异步详解,jqueryajax

      2017-12-19 15:36

    • 通过jQuery Ajax使用FormData对象上传文件

      通过jQuery Ajax使用FormData对象上传文件

      2017-12-16 13:04

    • ajax post data 获取不到数据,注意content

      ajax post data 获取不到数据,注意content

      2017-12-15 10:11

    • asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

      asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

      2017-12-14 10:01

    网友点评