ajax和jquery传输数据

最新推荐文章于 2022-06-06 13:09:32 发布

转载最新推荐文章于 2022-06-06 13:09:32 发布 · 494 阅读

JavaEE 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了JQuery中$.post和$.get方法的使用方法，并提供了具体的代码示例。此外，还介绍了如何通过Ajax实现异步请求，包括创建、请求、响应及事件监听等关键步骤。

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);
  });
});