java语言 百文网手机站

网页开发中JavaScript传递参数方法比较

时间:2021-04-26 11:50:42 java语言 我要投稿

网页开发中JavaScript传递参数方法比较

  导语:在开发网页时,前台后台的数据交互是常有问题,下面小编给大家提供了网页开发中JavaScript传递参数方法比较,大家可以参考阅读,更多详情请关注应届毕业生考试网。

  1、通过window.location.href或者document.location.href进行传递,比如window.location.href="http://www.ewcar.net?name=sun&age=21";在这个例子中所携带的参数即为name和age,分别是sun和21,当然还可以加上锚点#,可以指定到页面的某一个位置。

  2、通过Ajax进行数据的传递,格式如下:

  $.ajax{

  type: "post",

  url: "test/index",

  dataType: json,

  data: $("#orderForm").serialize() ,

  success: function(d){

  alert(d.msg);

  }

  error:function(d){

  alert(d.error);

  }

  }

  其中data即代表着要传递的数据

  3、通过Ajax的post方法进行传递,格式如下:

  $.post({

  "url",

  $("#orderForm").serialize(),

  function(d){

  alert(d.msg);

  }

  });

  4、form表格中的action方法也可以传递数据,但是action方法相对来说传递的.东西更为全面,可以跳到连接,也可以跳到文本、图片、视频等多媒体内容,action里面的链接和window.location携带参数的方法是一样的。

【网页开发中JavaScript传递参数方法比较】相关文章:

C语言函数参数传递规律10-02

C语言函数参数传递问题10-01

C语言函数调用与参数传递02-01

网页设计中的logo设计方法10-04

网页设计中图片的排版方法10-04

网页设计中色彩搭配原则及方法02-23

网页设计中防止页面被撑开的方法11-16

C++中可以接受任意多个参数的函数定义方法10-05

自学网页设计的方法09-18

移动端网页设计方法09-12