html5 如何与后台交互 .net

一般是用Ajax，url习惯用一般处理程序。Ajax是Jquery里的。一般处理程序学.net应该都要会的。

function jiaohu(){

   $.ajax({

       type: "Post",//提交方式，分为get和post两种

       url: "test.json",//路径，就是你要交互的后台的路径

       data: {username:"1", password:"2"},//参数，提交到后台的参数

       dataType: "json",//后台返回的类型

       success: function(data){    //交互成功后的回调函数，data为返回的内容

         $('#resText').empty()   //清空resText里面的所有内容

         var html = '<p>交互成功</p>' 

         $('#resText').html(html)

         }

  })

}

交互的话需要用到中间页进行交互，比如下面这个php代码

$sql="select * from userinfos where userid='".$_SESSION['uid']."'"

$dt = $pdo -> query($sql)

$st["retno"] = 0

$row = $dt -> fetch()

$st["userName"] = $row[3]

$st["imgSrc"] = $row[2]

echo json_encode($st)

break

这段代码通过用户session获取用户表的字段信息，然后输出成一个json格式的数据，然后通过js里面的ajax交互进行获取。

$.ajax({

   url: "http://www.xxxx.com/handle.php",

   type : "POST",

   data : {"canshu1":csValue},

   dataType : "json",

   success: function(result){

      //这里将返回的json格式的result进行处理。一般是将这些数据写入到页面对应的容器中

   }})

简单点说，就是前端技术与后端技术沟通，根据业务定义交互接口，交互接口的的形式可能包含：

1、后端将数据输出到HTML页面，在JS控制逻辑中需要访问数据时可以从HTML中取得。

2、定义前后端请求的接口，一般是AJAX接口，如果存在跨域问题或一些特殊的业务场景，可能也会使用JSONP或者其他方式，总之，不论是何种方式请求，目的都是动态的请求数据，然后根据返回数据刷新页面内容。返回数据的格式现在主流是使用JSON格式，但是也不排除一些特殊的业务场景需要是使用XML或其他格式的数据。

---