ajax和jquery传输数据

Jquery:
$.post(url,data,callback);
$.get(url,callback);

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

eg:

$.post("<%=basePath%>user/UserServlet",{email:$("#name".val()),"pass":$("#pass").val()},function(data){
   //跳转页面
   if(data=='000'){location.href="#";}
   else{}
 }
);

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

<%response.write("This is some text from an external ASP file.")%>


用load加载文件等

$(function(){
  $("#btn").click(function(){
     $('#test').load('/demotest.txt');
  });
});
AJax:

创建:

var xmlhttp;
if(window.XMLHttpRequest){ <span style="font-family: Arial, Helvetica, sans-serif;">//为IE5和6建立相应Ajax对象</span>
   xmlhtttp=new XMLHttpRequest();
}else {
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
请求:
xmlhttp.open("get","test.txt",true);//方法method,url,async
xmlhttp.send(string);//string 仅用post请求,get请求直接写在url里面

get:"demo.asp?fname=Bill&age=18"
post:
  xmlhttp.open("post","ajax.asp",true);
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   //header,value 请求头和头的值
  xmlhttp.send("fname=Bill&age=18");
响应:

xmlhttp.resposeTest;获得字符串形式的响应数据。
	document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
xmlhttp.resposeXML;获得 XML 形式的响应数据。
xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("ARTIST");//artist
for(int i=0;i<x.length;i++){
  txt=txt+x[i].childNodes[0].nodeValue+"<br/>";
}
documentt.getElementById("myyDiv").innerHTML=txt;
参数说明:

onreadystatechange: 函数属性值改变时,就会调用该函数
readyState: 注册事件 0未初始化  1服务器连接建立  2请求接收  3请求处理中  4请求完成且响应已就绪
status: 200成功  404未找到页面

xmlhttp.onreadystatechange=function(){
  if(xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById("myDiv").innerHTML=xmlhttp.resposeText;
  }
}


ajax eg:
$(function(){
  $("email").blur(function(){
    var xmlhttp;
    if(window.XMLHttpRequest){
        xmlhtttp=new XMLHttpRequest();
    }else {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    //监听
    xmlhttp.onreadystatechange=function(){
      if(xmlhttp.readyState==4 && xmlhttp.status==200){
         //接收响应文本
         var res=xmlhttp.responseTest;
      }
    }

    //请求发送
    xmlhttp.open("post","dddddServlet.java",true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    var name=doucment.getElementById("email").value;
    xmlhttp.send("email"+name);
  });
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值