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

html-css0115

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)

         }

  })

}