Ajax
来源:互联网 发布:艾滋病现状最新数据 编辑:程序博客网 时间:2024/06/08 15:12
原生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') } // GET请求: xmlhttp.open("GET",'http://www.baidu.com?id='+Math.random(),true); xmlhttp.send(); // POST请求 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
//1.$.ajax带json数据的异步请求 2 var aj = $.ajax( { 3 url:'productManager_reverseUpdate',// 跳转到 action 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 // view("修改成功!"); 16 alert("修改成功!"); 17 window.location.reload(); 18 }else{ 19 view(data.msg); 20 } 21 }, 22 error : function() { 23 // view("异常!"); 24 alert("异常!"); 25 } 26 });27 28 29 //2.$.ajax序列化表格内容为字符串的异步请求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 //3.$.ajax拼接url的异步请求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" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间 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 //4.$.ajax拼接data的异步请求65 $.ajax({ 66 url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action', 67 type:'post', 68 data:'merName='+values, 69 async : false, //默认为true 异步 70 error:function(){ 71 alert('error'); 72 }, 73 success:function(data){ 74 $("#"+divs).html(data); 75 }76 });
阅读全文
0 0
- Ajax
- Ajax
- AJAX
- AJAX
- AJAX
- AJAX
- AJAX
- ajax
- ajax
- Ajax
- ajax
- ajax
- AJAX
- Ajax
- Ajax
- Ajax
- ajax
- ajax
- angularjs环境搭建
- Class类文件的结构与语言无关
- Java 并发编程:volatile的使用及其原理
- Android 那些年,处理getActivity()为null的日子
- orcle
- Ajax
- 214.m1-描述desc的动画
- volatile关键字解析
- 利用TFIDF策略和朴素贝叶斯算法进行中文文本分类
- Android源码:事件分发源码解析(二)
- 最大报销额(可转化成01背包)
- 安装和配置Oracle10g详细教程
- 手把手教你用 IntelliJ IDEA 创建并发布JavaWeb项目
- Javascript splice的遭坑小记