JQuery真的不难~第六回 JQ中的异步调用方式~续

简介:

前一篇文章主要介绍了如何通过JQ实现异步数据的访问与操作,写法上是最标准的.ajax完整形式,这讲主要把剩下的简写形式说一下。

前言:以下是整理的异步请求时的参数说明

        //$ajax异步通用参数说明,[]里面的参数是可以省略的
        //url,[data],[callback],[type]
        //data:待发送 Key/value 参数。
        //callback:载入成功时回调函数。
        //type:返回内容格式,xml, html, script, json, 

$.load() 载入远程 HTML 文件代码并插入至 DOM 中

     //$.load格式
        //url,[data,[callback]]
        $("#load").load("ajaxData.htm");

$.get() 向指定页面发GET请求

     //$.get格式
        $.get("ajaxData.htm", function (data) {
            $("#gets").html(data);
        }, "html");

$.getJSON() 向指定页面获取JSON对象

     //$.getJSON格式
        //url, [data], [callback]
        $.getJSON("img.js", function (json) {
            alert("OK");
            $("#getjsons").attr({ "src": json[0].src, "alt": json[0].alt });
        });

$.getScript() 装载指定JS文件

     //$.getScript格式
        //url, [callback]
        $.getScript("img.js", function () { alert("img.js装载成功!") });

$.post() 向指定页面发POST请求

        //$.post格式
        //url,[data],[callback],[type]
        $.post("test.ashx", { name: "John", time: "2pm" }); //普通参数
        $.post("test.ashx", $("#testform").serialize()); //表单参数(序列化表单参数,实现上把参数用&分开的)

$.serialize() 序列化表单元素

<form>
  <input type="text" name="name" value="zzl"/><input type="text" name="email" value="bfyxzls@sina.com" checked="checked"/><input type="test" name="addr" value="fangshan.beijing" checked="checked"/></form>
console.log($("form").serialize());

$.serializeArray() 序列化表格元素返回 JSON 数据结构数据

console.log($("form").serialize());

结果为:

 [ 
     {name: 'name', value: 'zzl'}, 
     {name: 'email', value: 'bfyxzls'},
     {name: 'addr',value:'fangshan.beijing'}
 ]

恩,关于JQ的异步操作讲到这里也差不多了,非常感谢您的阅读!

本文转自博客园张占岭(仓储大叔)的博客,原文链接:JQuery真的不难~第六回 JQ中的异步调用方式~续,如需转载请自行联系原博主。

目录
相关文章
|
6月前
|
JavaScript 前端开发
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
64 0
|
JavaScript
jQuery入门第四章(JQ 事件绑定 )
jQuery入门第四章(JQ 事件绑定 )
112 0
jQuery入门第四章(JQ 事件绑定 )
|
JavaScript 前端开发
jQuery入门第五章(JQ事件类型补充 )
jQuery入门第五章(JQ事件类型补充 )
156 0
|
JavaScript
jQuery入门第三章(JQ 节点操作)
jQuery入门第三章(JQ 节点操作)
87 0
|
JavaScript 前端开发 Android开发
时隔一年多 JQuery 再度发布 3.6.1 新版本,你还在用JQ吗?
在上周(2022-08-26) JQuery 刚更新了一个 3.6.1 维护版本,距离上一个版本发布时间已过去一年零五个月之久......
|
JavaScript 前端开发