ajax和jquery传输数据

来源：互联网发布：中山大学网络缴费编辑：程序博客网时间：2024/05/29 16:27

Jquery：

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

<%dim fname,cityfname=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，asyncxmlhttp.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");//artistfor(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