ajax了解

古城微笑少年丶 2022-04-05 14:00 235阅读 0赞

AJAX 是一种用于创建快速动态网页的技术。  
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。  
AJAX的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。

XMLHttpRequest 是 AJAX 的基础

var xmlhttp;  
if (window.XMLHttpRequest)  
\{// code for IE7+, Firefox, Chrome, Opera, Safari  
xmlhttp=new XMLHttpRequest();  
\}  
else  
\{// code for IE6, IE5  
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);  
\}  
GET方法可能返回缓存数据  
$.get(url,callback)第一个参数是我们希望请求的URL；第二个参数是回调函数。第一个回调参数存有被请求页面的内容，第二个回调参数存有请求的状态  
$.post(url,data,callback);必须的url参数是我们希望请求的URL。可选的data参数规定连同请求发送的数据。第一个回调参数存有被请求页面的内容，第二个回调参数存有请求的状态  
get方法提交数据1  
$.get(‘test.html’,function(data,statusTxt)\{  
alert(data);  
alert(statusTxt);  
\});  
get方法提交数据2  
$.get(‘test.php?password=123456’,function(responseTxt,statusTxt)\{  
// alert(responseTxt);  
$("\#test").html(‘responseTxt’+responseTxt+‘statusTxt’+’  
’+statusTxt);  
\});  
get方法提交数据3 (字符串的方式)  
$.get(‘test.php’,‘password=123456’,function(responseTxt,statusTxt)\{  
// alert(responseTxt);  
$("\#test").html(‘responseTxt’+responseTxt+‘statusTxt’+’  
’+statusTxt);  
\});  
get方法提交数据4 (键值对的形式）  
$.get(‘test.php’,\{password=‘123456’\},function(responseTxt,statusTxt)\{  
// alert(responseTxt);  
$("\#test").html(‘responseTxt’+responseTxt+‘statusTxt’+’  
’+statusTxt);  
\});  
$(function).click(function()\{  
$(’\#btn’).click(function()\{  
$.ajax(\{  
type:‘POST’,  
url:‘testpost.php’,  
data:\{password:‘123456’\},  
success:function(responseTxt,statusTxt,xhr)\{  
alert(responseTxt)  
\},  
error:function()\{  
alert(‘加载失败’)  
\}  
\})  
\})  
\})

$.getScript(“test.js”)动态加载js文件，节省性能。  
![在这里插入图片描述][2018121220301070.png]  
$.getJSON()方法没有第四个参数。  
![在这里插入图片描述][20181212203037826.png]  
get(url,data,function,type)  
![在这里插入图片描述][20181212203542874.png]![!\[][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RweTUyMQ_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RweTUyMQ_size_16_color_FFFFFF_t_70 1]

[2018121220301070.png]: /images/20220405/1cd33592d74c42deba250db6a7a99c7f.png
[20181212203037826.png]: /images/20220405/a4aac5b736004ecd9f3a382b7ecfd1fe.png
[20181212203542874.png]: https://img-blog.csdnimg.cn/20181212203542874.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RweTUyMQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20181212203213848.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RweTUyMQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RweTUyMQ_size_16_color_FFFFFF_t_70 1]: /images/20220405/fb19f8b894b34712af4865d4baf654e7.png