Jquery ajax函数如何传递变量

时间:2015-01-09 20:23:27

标签: jquery ajax

嗨我是jquery的新手我已编写代码而我想将变量传递给test.html页面我该怎么办? 这个 任何人都可以提供帮助

我的代码

$.ajax({
      url: "test.html",
      context: document.body
    }).done(function() {
      $(this).myClass( "done" );
    });

4 个答案:

答案 0 :(得分:6)

AJAX (异步JavaScript和Xml)用于与服务器通信。以下是发送到test.php的AJAX POST请求。 PHP在服务器上运行,可以接收,处理和响应HTTP请求。您可能希望查看PHP和服务器端Web通信。

var myVar = "test";

 $.ajax({
  url: "test.php",
  type: "POST",
  data:{"myData":myVar}
}).done(function(data) {
     console.log(data);
});

随附的PHP文件可能看起来像一样

<?php
    $data = isset($_REQUEST['myData'])?$_REQUEST['myData']:"";
    echo $data;
?>

这些是非常基本的例子,但对学习非常有用。

AJAX教程:http://www.w3schools.com/ajax/ PHP教程:http://www.codecademy.com/en/tracks/php

答案 1 :(得分:1)

     var quantity = $(this).data("quantity");
    // you can get data use of j query

     $.ajax({
      url: "xyx.php?action=add&",
      type: "POST",
      data:{"product_id":product_id,"qty":quantity}
    });

**数据:{“ product_id”:product_id,“ qty”:quantity}这里的参数列表接受php代码取决于您支持的逻辑。**

答案 2 :(得分:0)

所以你在ajax请求之外调整变量的范围,并在发出请求时引用它。然后你可以连接ajax请求中的字符串,就像我认为你也在尝试。

var endingUrl = "/help.html";

$.ajax({
  url: "test"+endingUrl,
  context: document.body,
  data: options
}).done(function() {
  console.log(endingUrl);
});

答案 3 :(得分:-1)

使用JSON格式的键:值对创建变量,并将其传递给ajax调用的“data”参数。对于POST,它将在post变量中传递,并且将在请求行中传递给GET。

var options = { "name1" : "value1", "name2" : "value2"};

$.ajax({
  url: "test.html",
  context: document.body,
  data: options
}).done(function() {
  $(this).myClass( "done" );
});