html5 如何与后台交互 .net

html5 如何与后台交互 .net,第1张

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

         }

  })

}

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

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

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

只能够使用POST或者是GET来传输吧,PHP语言其实还是后端的,我们链接也只能够模拟表单,建议添加pjax插件,然后javascript模拟表单点击传输数据

具体服务端PHP代码:

<?php if($_GET['virtual_get']){

    //Code You Want To Run

}

具体Javascript代码:

var FormElement = document.createElement('form')

var submit = document.createElement('input')

FormElement.setAttribute('method','get')

FormElement.setAttribute('action','?')

submit.setAttribute('type','submit')

FormElement.appendChild(submit)

submit.click()


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/8314671.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存