风华正茂、时光流逝、真爱时光、努力创建辉煌。

【jquery】-----jquery中的---AJAX

 

 

主要有三层

　　　　　　// $.ajax();      //最低层
 
         // $("div").load();     //第二层
         // $.get();
         // $.post()

 
         // $.getScript();      //第三层
         // $.getJSON()

 

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7     <title>Document</title>
 8     <script src="./node_modules/jquery/dist/jquery.js"></script>
 9 </head>
10 <body>
11     <div></div>
12     <script>
13         //jQuery中的三层
14         // $.ajax();      //最低层
15 
16         // $("div").load();     //第二层
17         // $.get();
18         // $.post()
19 
20 
21         // $.getScript();      //第三层
22         // $.getJSON()
23 
24     // 加载script
25         // $.getScript("./a.js",function(data){
26             // console.log(data);//打印的是a.js 的全部内容
27         //     var script=document.createElement("script");   //创建script标签
28         //     script.textContent=data;  //script标签的内容赋值了，data是a.js的内容
29         //     document.body.appendChild(script);   //把script标签放入body中
30         //     ab();   //在这里就可以执行了 a.js中的函数了，（因为已经加载进来了）  
31         // })  //总结：这个就是通过异步加载script，
32 
33     // 加载JSON文件
34         // $.getJSON("./config.json",function(data){
35         //     // 这是加载进来JSON,已经解析成对象（因为json 文件是字符串）
36         //     console.log(data);
37         // })
38 
39 
40     //  $("div").load(); ---加载本地的文本或者html内容放在选择器的元素中
41         // $(选择器).load("页面")   //这个代码放在需要加载的页面里面
42         // $(".menu").load("./abc.html");    //这句话的理解是，加载abc.html 文件，放在.menu中。
43         
44 
45     // 将通信收到的结果放入在div容器中
46             // $("div").load("http://10.9.63.202:4005?a=3&b=4");
47 
48             // $(document).load("http://10.9.63.202:4005?a=3&b=4",function(data){
49             //     console.log(data);
50             // })
51 
52             // $(document).load("http://10.9.63.202:4005",{a:3,b:4},function(data){
53             //     console.log(data); //这个方法比较复杂，跟main.js文件有关系
54             // })


55 //jQuery中通过这样的方式发送AJAX（$get,$post）；总结：两种用法服务器来使用
56             // get方式发送ajax
57             // $.get("http://10.9.63.202:4005",{a:[1,2,3,4]},function(data){  //第二个参数可以写字符也可以对象
58             //     console.log(data);
59             // })
60             // post方式发送ajax
61             // $.post("http://10.9.63.202:4005",{a:3,b:4},function(data){
62             //     console.log(data);
63             // })
64 
65     //$.ajax  介绍方法
66             // $.ajax({
67             //     url:"http://10.9.63.202:4005",  //地址
68             //     data:{a:3,b:4},   //发送的数据
69             //     type:"POST",     //发送形式，默认是get发送
70             //     success:function(data){      //成功后返回的data，注意success中必须时一个函数
71             //         console.log(data);
72             //     }
73             // })
74             //总结：jQuery中的AJAX  必须时有URL、data、success，发送方式模式是get，（所以可以省略）
75 
76 
77     // ajax和jsonp的通信方式
78         //     var baidu={
79         //        sug:function(data){
80         //            console.log(data);
81         //        }
82         //    }
83         //     $.ajax({
84         //         url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=xietian&json=1&p=3&sid=22084_1436_13548_21120_22036_22073&req=2&csor=0",
85         //         dataType:"jsonp",
86         //         jsonp:"callback"
87         //     })
88 
89        
90     </script>
91 </body>
92 </html>

 

posted @ 2019-08-08 20:36  野马,程序源改造新Bug  阅读(94)  评论(0)    收藏  举报