html5 怎么和后端进行数据交互

html-css0129

html5 怎么和后端进行数据交互,第1张

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

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

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

一般是用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)

         }

  })

}