原生js
AJAX Asynchronous javaScript And XML
在不刷新页面的情况下,与服务器交换数据,
GET与POST的区别,优缺点
与POST相比,GET更简单也更快
POST优势:
1,无法使用缓存文件
2,向服务器发送大量数据
3,发送包含未知字符
<script>
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP')
}
xmlhttp.open("GET",'http://www.baidu.com?id='+Math.random(),true);
xmlhttp.send();
xmlhttp.open('POST','http://www.baidu.com',true);
xmlhttp.setRequestHeader('content-type','application/x-www-form-urlencoded');
xmlhttp.send('fname=BIll&name=Gates');
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
</script>
jQuery Ajax
2 var aj = $.ajax( {
3 url:'productManager_reverseUpdate',
4 data:{
5 selRollBack : selRollBack,
6 selOperatorsCode : selOperatorsCode,
7 PROVINCECODE : PROVINCECODE,
8 pass2 : pass2
9 },
10 type:'post',
11 cache:false,
12 dataType:'json',
13 success:function(data) {
14 if(data.msg =="true" ){
15
16 alert("修改成功!");
17 window.location.reload();
18 }else{
19 view(data.msg);
20 }
21 },
22 error : function() {
23
24 alert("异常!");
25 }
26 });
27
28
29
30 function noTips(){
31 var formParam = $("#form1").serialize();
32 $.ajax({
33 type:'post',
34 url:'Notice_noTipsNotice',
35 data:formParam,
36 cache:false,
37 dataType:'json',
38 success:function(data){
39 }
40 });
41 }
42
43
44
45 var yz=$.ajax({
46 type:'post',
47 url:'validatePwd2_checkPwd2?password2='+password2,
48 data:{},
49 cache:false,
50 dataType:'json',
51 success:function(data){
52 if( data.msg =="false" )
53 {
54 textPassword2.html("<font color='red'>业务密码不正确!</font>");
55 $("#validatePassword2").val("pwd2Error");
56 checkPassword2 = false;
57 return;
58 }
59 },
60 error:function(){}
61 });
62
63
64
65 $.ajax({
66 url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',
67 type:'post',
68 data:'merName='+values,
69 async : false,
70 error:function(){
71 alert('error');
72 },
73 success:function(data){
74 $("#"+divs).html(data);
75 }
76 });