html与服务器交互的方式有哪些?

html与服务器交互的方式有哪些?,第1张

html与服务器的交互常见有以下几种,这里以wamp服务器为准,php后端语言为例

1、使用form表单,form表单通常用于采集用户输入,再传输给php脚本,进行 *** 作。form表单的特点是必须由用户点击提交按钮,才可以被服务器接收。注意form最重要的两个属性:action,method。

2、使用ajax对象,与服务器建立交互。与form的不同在于,ajax是向服务器发送某些请求,ajax的使用大致概括为以下四点。

创建xml请求对象

建立事件模型(xml.onreadystatechange=function())

设置(open)

发送(send)

ajax的特点是无需用户确认,就会自动执行(如果你将发送这一事件封装起来,也可以做到特定条件触发)

使用ajax最应注意的是,在open时设置的第三个参数,true,即异步 *** 作,这意味所有依赖于请求数据的 *** 作都应放在 onreadystatechange=function() 里,否则在数据请求未完成时去执行相关 *** 作会造成错误

3、使用cookie

cookie作为存储在用户计算机中的小型文本,可以用来存储少量数据。而php中提供了超级全局数组$_COOKIE['demo']用于访问cookiie,但这仅适用少量的数据交互

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

         }

  })

}

常见的HTML5与后台交互方式有:1 传统的GET、POST提交FORM,2 使用AJAX技术交互 3 使用 websocket 交互

其实还有一个技术是使用iframe来进行交互,不过,这个技术现在用的已经不多了。


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

原文地址:https://54852.com/zaji/7308969.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存