2021-05-17

1. 创建XMLHttpRequest对象

4个步骤

<script>

Var xhr;

If(window.XMLHttpRequest(){

  Xhr=new XMLHttpRequest();

 

}

Else{

//IE6,IE5浏览器执行代码

Xhr=new ActiveXObject(“Microsoft.XMLHttp”);

 

}

 

 

2.向服务器发送请求，设置请求参数

//xhr.open(method,url.async);

//参数：

//method:请求方式GET/POST

//url:请求路径

//async:是否异步 默认：true(异步)   false(同步)

Xhr.open(“POST”,”/Jeuery/changeTxt”);

 

 

 

3.onreadystatechange

//onreadystatechange 存储函数（或函数名），每当readyState属性改变时，就会调用该函数。

//readyState存有XMLHttpRequest的状态。从0到4发生变化

//xhr.onreadystatechange=function()

{

If(xhr.readyState==4&&xhr.status==200){

//console.log(xhr.responseText);

$(“#p1”).text(xhr.responseText);

}

}

 

 

//onload请求成功时触发的事件

Xhr.οnlοad=function()

{

//console.log(data.currentTarget.responseText);

//console.log(xhr.responseText);

$(“#p1”).text(xhr.responseText);

 

}

4.请求发送

Xhr.send();

});

</script>

JQuery load()方法

Load()方法从服务器加载数据，并把返回的数据放入被选元素中

语法：

$(selector).load(URL,data,callback);

必需的URL数据规定您希望加载的URL。

可选的data参数规定与请求一同发送的查询字符串键/值对集合

可选的callback参数是load（）方法完成后执行的函数名称。

 

 

 

 

使用jQuery AJAX修改文本内容

获取外部内容后运行结果是外部内容。