jQuery进阶

jQuery中的Ajax

在JQuery中，$Ajax方法属于最底层方法
           第二层是load（），$.get()和$.post,
           第三层是$.getScript()和$.getJSON()方法

一、load（）方法 通过调用dom，不加参数用的是get，加了用的是post，大多数情况下是get。多数页面头尾部调用时用

结构
load("url","[data]","[callback]")
url是引用的地址;data一般情况下省略，callback是返回函数

eg：$("#div").load("text.html")
筛选html里的元素使 html 与之间有个空格
eg：$("#div").load("tetx.html ul")
注意：在load（）方法中，无论Ajax请求是否成功，只要请求完成。回调函数就被触发。

load通常使从web服务器上获取静态的数据文件，如果需要传递一些参数给服务器中的页面，可以使用$get()方法和 $post
$get()方法 访问动态数据

$get(url,[data],[callback],[type])
eg:get("text.php",{name:"laowang",age:"666"},
function(resText,flag){
console.log("resText");输出响应内容
cnsole.log("flag");//输出成功与否success/false，布尔等同于 
                    4和200，ajax
})
get的返回值：promise对象：
$get("text.php",{name:"laowang",age:"666"}).then
(function(restext,flag){
console.log("resText");输出响应内容
cnsole.log("flag");//输出成功与否success/false，布尔等同于 
                    4和200，ajax
})





text.php 文件
<?php
$name:$_REQUEST["name"];
$age:$_REQUEST["age"];

echo $name."".$age
?>
运行时要开phpstudy

post()

与get()函数相同无二