0

我有一个页面，用户可以在其中为某些选项填写 $_GET 数据。我想使用 AJAX 将这些 $_GET 变量传递给 .php 脚本。但我的问题是如何在不刷新页面的情况下传递他们迄今为止填写的那些 $_GET 变量？

到目前为止，这是我的代码。

$.ajax({
type: "GET",
url: "serverside script to process on data",
data:{name:youwant}, // Here is where I want to take what the user has filled out so 
                     // far, and place it here all without refreshing the page
success: function(data){
     alert("return here if success")

}
})
4

2 回答 2

1

我不知道你的代码，但你可以有一个表单，但不是提交它，而是将一个onsubmit方法放到一个 javascript 函数中。在该函数中，您收集所有变量并通过 ajax 传递它。

例子：<form name="form1" method="get" onSubmit="return send()">

<script>
function send() {
 $.ajax(...);

return false;

}
</script>

您可以使用seralize 函数发送$.ajax 数据字段

于 2012-11-10T17:47:06.903 回答
1

首先，将此任务分解为小任务：

1) 在 JavaScript 中获取/处理变量

2) 将它们发送到 PHP

3）解析/处理那些

4) 根据结果发送响应回 JavaScript

5）处理响应并向用户显示消息

看一下这个例子，假设加载了 jquery.js。假设我们要发送我们拥有的输入值 - 电子邮件和密码。

<script type="text/javascript">

  $("#Send").click(function(){

     $.ajax({

         type : "GET", 
         //Look carefully:
         data : {
           // it'll be PHP vars       // This is JS vars
           email                :   $("#email").val(),
           password             :   $("#password").val()
         },

         success : function(respondFromPHP){

              alert(respondFromPHP);
         }
      });


  });

</script>

<input type="text" id="email" />
<input type="password" id="password" />

<br />
<button id="Send">Send to php</button>

在您的 php 脚本中，只需处理您获得的变量，如下所示：

<?php

print_r($_GET); // will print smth like Array("email" => "foo", "password" => "bar")

// Then create function so that you can simplify handling of the vars.
// Like this:
function validate_password($password){}
function validate_email($email){}
于 2012-11-10T18:54:31.467 回答