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.");
});






posted @ 2015-08-21 17:18  Python魔法师  阅读(470)  评论(0编辑  收藏  举报