jquery+ajax+json+xml

最新推荐文章于 2021-08-05 12:03:34 发布

wangshfa

最新推荐文章于 2021-08-05 12:03:34 发布

阅读量738

点赞数

分类专栏： javaEE

javaEE 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

 
  
 
 <script language="javascript"  type="text/javascript">
 function Button1_onclick() {
 jQuery.ajax({
 url:"Accept.aspx",
 dataType:"json",
 data:"aa=中国心",
 type:"post",
 success:function(data,type){ jQuery.each(data,function(i,v){
 var row=jQuery("#tr").clone(true);    //创建型函数
 row.find("td").eq(0).text(v.a);
 row.find("td").eq(1).text(v.b);
 row.attr("id","tr"+i);
 row.appendTo("#tb");   //alert(row[0].outerHTML);
 });},   
 error:function(xhr){alert("Error:"+xhr.status);}
 });
 }
 
 function getXml()
 {
 jQuery.ajax({
 url:"Accept1.aspx",
 data:"",
 dataType:"xml",
 error:function(x){alert(x.status);},
 success:function(data){
 //selectNodes("xpath") 获取多个节点
 //var age=data.selectSingleNode("/student/age").text;         
 //alert(data.getElementsByTagName("name")[0].firstChild.data);
 //alert(data.selectNodes("/students/student").length);
 jQuery(data).find("student").each(function(j){
 var row=jQuery("#tr3").clone(true);    
 row.find("td").eq(0).text(jQuery(this).children("age").text());
 row.find("td").eq(1).text(jQuery(this).children("name").text());
 row.attr("id","tr"+5);
 row.appendTo("#tb1"); 
 }) 
 }
 });
 }
 
 </script> 

页面：

 
  
 
 <body>
     <form id="form1" name="form1">
     <div>
     发送请求解析json：<input name="btnpost" type="button" value="发送请求" id="btnpost" onclick="return Button1_onclick()" />
     </div>
     <table  width="100%" id="tb">
      <tr id="tr1" class="abc">
         
             <td >id</td>
             <td >name</td>
         
         </tr>
         <tr id="tr" class="cc">
         
             <td  align="left"></td>
             <td align="left"></td>
         
         </tr>
     </table>
     发送请求解析xml：<input name="btnpost" type="button" value="发送请求" id="btn2" onclick="getXml()" />
     <table  width="100%" id="tb1">
      <tr id="tr2" class="abc">
         
             <td >id</td>
             <td >name</td>
         
         </tr>
         <tr id="tr3" class="cc">
         
             <td  align="left"></td>
             <td align="left"></td>
         
         </tr>
     </table>
     </form>
 </body> 

后台程序1：

 
  
      
 protected 
   
 void 
  Page_Load( 
 object 
  sender, EventArgs e)
      
 {
         Response.Write("[{a:\"va\",b:\"vb\"},{a:\"vc\",b:\"vd\"}]");//post传参  //{\"tb\":
         Response.End();
     } 

后台程序2：

 
 if (!IsPostBack)
         {
             string s = "<?xml version=\"1.0\" encoding=\"utf-8\" ?><students><student><name>CHENFEI</name><age>20</age></student><student><name>lucklong</name><age>30</age></student></students>";
             Response.ContentType = "text/xml";
             Response.Write(s);
             
             Response.End();
         
         }

结果：

自己写的一个ajax发送请求，分别返回json和xml的，以做备用

wangshfa

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery+ajax+json+xml

script language="javascript" type="text/javascript">function Button1_onclick() {jQuery.ajax({url:"Accept.aspx",dataType:"json",data:"aa=中国心",type:"post",success:function(data,type){ jQu
复制链接

扫一扫