Ajax通过url发送参数

Question

我是 ajax 的新手，我认为将其放入我的项目中会是一个有趣的实验。我已经创建了自己的灯箱类型功能，可以在我正在创建的网站上发送消息。当用户点击“发送消息”时，灯箱就会出现，在顶部我试图让它说“向用户发送消息”，其中用户也是他们发送消息的用户的名称.我的灯箱 html 元素实际上位于单独的网页上，这就是我使用 ajax 的原因。这是我到目前为止所拥有的，似乎无法弄清楚问题是什么:

user.php页面

<div id = "pageMiddle"> // This div is where all the main content is.
  <button onclick = "showMessageBox(UsersName)">Send Message</button>
</div>

注意:用户名正确传递到 javascript 函数，我已经检查了很多。

main.js 页面

function showMessageBox(user){
  alert(user); // where i checked if username passes correctly
  var ajaxObject = null;
  if (window.XMLHttpRequest){
    ajaxObject = new XMLHttpRequest();
  }else if (window.ActiveXObject){
    ajaxObject = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (ajaxObject != null){
    ajaxObject.open("GET", "message_form.php", true);
    ajaxObject.send("u="+user);
  }else{
    alert("You do not have a compatible browser");
  }
  ajaxObject.onreadystatechange = function(){
    if (ajaxObject.readyState == 4 && ajaxObject.status == 200){
      document.getElementById("ajaxResult").innerHTML = ajaxObject.responseText;
      // use jquery to fade out the background and fade in the message box
      $("#pageMiddle").fadeTo("slow", 0.2);
      $("#messageFormFG").fadeIn("slow");
    }
  };
}

message_form.php页面

<div id = "messageFormFG">
  <div class = "messageFormTitle">Sending message to <?php echo $_GET['u']; ?></div>
</div>

注意:直接通过URL访问这个页面时，给它一个参数u和一个值，就可以正确显示

Answer 1

使用 jQuery.ajax(); http://api.jquery.com/jQuery.ajax/

$.ajax({
  type: "GET",
  url: "message_form.php",
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});