jQuery操作Ajax

参考：jQuery权威指南

jQuery初步

jQuery选择器

jQuery操作dom

jQuery操作dom事件

jQuery插件

jQuery操作Ajax

jQuery动画与特效

jQuery实现导航栏

jQuery实现点击式选项卡

jQuery实现select三级联动

//1.load(url, [data], [callback])：载入远程 HTML 文件代码并插入至 DOM 中。
//url:待装入 HTML 网页网址。
//data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。
//callback:载入成功时回调函数。
//默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式
$("#feeds").load("feeds.html");//载入feeds.html文件至当前dom元素
 
//2.Ajax全局函数获取JSON数据：jQuery.getJSON(url, [data], [callback])
// url:发送请求地址。
// data:待发送 Key/value 参数。
// callback:载入成功时回调函数。
// 获取JSON数据，并装载到页面
$.getJSON('userInfo.json',  function(data) {
        $(".divFrame").empty();
        var strHtml="";
        $.each(data,function(index, info) {
            strHtml += "姓名："+info["name"]+"<br>";
            strHtml += "性别："+info["sex"]+"<br>";
            strHtml += "邮箱："+info["email"]+"<hr>";
        });
        $(".divFrame").html(strHtml);
});
//userInfo.json
[
    {
        "name":"张三",
        "sex":"男",
        "email":"123@163.com"
    },
    {
        "name":"李四",
        "sex":"男",
        "email":"123@163.com"
    }
]
//3.Ajax全局函数获取Script脚本，jQuery.getScript(url, [callback])
//并且直接执行
//加载并执行 test.js ，成功后显示信息。
$.getScript("test.js", function(){
  alert("Script loaded and executed.");
});

来自为知笔记(Wiz)