get请求和post请求的例子,java发送get和post请求

  get请求和post请求的例子,java发送get和post请求

  本文向您介绍了一些关于如何使用Javascript发送GET/POST请求的知识。如果只用表单提交,后台需要做出非常复杂的判断。下面我们来看看如何使用JavaScript提交,希望对你有所帮助。

  

基于JQuery的GET/POST数据提交方式

  如果你是JavaScript初学者,可能和我一样对JQuery不太清楚,所以适当普及一下JQuery作为一个快速简洁的JavaScript框架,是继Prototype之后的又一个优秀的JavaScript代码库(或Javascript框架)。JQuery设计的宗旨是“少写多做”,提倡少写代码,多做事。

  它封装了JavaScript的常用功能代码,提供了简单的JavaScript设计模式,优化了HTML文档操作、事件处理、动画设计和Ajax交互。JQuery的核心特性可以概括为:独特的链式语法,简洁明了的多功能界面;它有一个高效灵活的css选择器,并且可以扩展;它具有便捷的插件扩展机制和丰富的插件。JQuery兼容各种主流浏览器,如IE 6.0、FF 1.5、Safari 2.0、Opera 9.0等。

  官网JQuery的地址可以点击进入。从正式版来看,目前最新版本已经到了v3.2.1,建议考虑在官网下载最新的JQuery,以获得更多功能。

  JQuery非常强大,但是只需要两个简单的就可以实现当前的功能,API。您可以点击查看完整的API文档。此外,runnoob.com上也有关于Javascript的学习资料。

  

$.get(url, data, callback)

  参数描述需要的url,指定需要请求的urldata是可选的,指定随请求发送到服务器的数据,格式为jsoncallback可选。返回函数,请求成功时运行的函数

$.post(url, data, callback)

  参数描述需要的URL,指定需要请求的URLdata是可选的,指定随请求发送到服务器的数据。jsoncallback格式是可选的,函数返回。请求成功时运行的函数的用法如下。首先,在需要调用Jquery的页面中,导入带有脚本标签的JQuery文件,例如:

  script= static/js/jquery-3 . 2 . 1 . min . js /script然后在网页空白的地方,陈述你的方法和需要传递的参数。您可以这样做:

  脚本

  函数doPost(url)

  {

  var val 1=document . getelementsbyname( key 1 )。价值;

  var val 2=document . getelementsbyname( key 2 )。价值;

  $.post(url,{key1:val1, key 2 :val 2 });

  }

  /script然后,在输入/按钮标记中或需要发送数据的地方,添加一个onclick属性,例如:

  .

  input type= button value= submit onclick= doPost(/)/

  .以便可以使用JQuery发送数据。

  另一种方法是构造一个表单并使用该表单提交它。

  

使用Javascript/form提交GET/POST数据提交方式

   /*

  * @url: url链接

  * @操作: get , post

  * @json: {key1:value2 , key2:value2}

  */

  函数doFormRequest(url,action,json)

  {

  var form=document . createelement( form );

  form.action=url

  form.method=动作;

  //追加输入属性和值

  for(JSON中的var键)

  {

  if (json.hasOwnProperty(key))

  {

  var val=JSON[key];

  input=document . createelement( input );

  input.type= hidden

  input.name=key

  输入值=val

  //将键值附加到表单

  form.appendChild(输入)

  }

  }

  //发送发布请求

  document . body . appendchild(form);

  form . submit();

  //从文档中移除表单

  document . body . remove child(form);

  }调用方法很简单。将这段代码块复制到自己的HTML文档中的script标记中,然后就可以直接使用了。根据自己的需求选择GET/POST方式即可。

  具体使用过程中有什么区别?你得自己慢慢体会。

  【相关推荐:javascript学习教程以上是如何使用Javascript发送GET/POST请求?更多详情请关注我们的其他相关文章。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: