Question

如果这是一个愚蠢的问题，首先请原谅我！我刚刚开始尝试通过以下几个在线教程来了解这些Ajax的内容是什么，但我不知道如何调用javascript函数来启动你的ajax。

所以我有一个文件index.html，在体内我有一个函数来启动一个ajax请求

<body>
    <script language="javascript" type="text/javascript">
    function ajaxFunction(){
          var ajaxRequest;
    try{
            ajaxRequest = new XMLHttpRequest();
    }
    catch (e){

       try{
         ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
       }

       catch (e) {
            try{
               ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e){
                    alert("Your browser broke!");
                    return false;
            }
      }
    }

然后我定义了一些东西来处理readystate中的变化：

ajaxRequest.onreadystatechange = function(){
     if (ajaxRequest.readyState==4) {
document.getElementById("requestStatus").innerHTML=ajaxRequest.responseText;                
    }
}

接下来我有一个Javascript函数来调用ajax：

function archiveEvent(eventId) {
     var queryString =  "?date=" + eventId;
     ajaxRequest.open("GET", "archive.php" + queryString,true);
     ajaxRequest.send(null); 
}

然后在我的HTML中我有几个div：

<div id="outer">
     <input type="button" id="archive" value="Archive" onclick="WHAT DO I PUT HERE">
</div>

<div>
     <p id="requestStatus"><p>
</div>

问题是我为onClick值添加了什么？我想调用函数archiveEvent，参数为“09122014”。在教程中我读过它说要把ajaxFunction放在这里。

当我省略了archiveEvent函数并且只使用了硬编码值时，这工作正常，但显然我不能使用硬编码值。

Answer 1

onclick="javascript:archiveEvent(parameters)"

确保添加功能所需的任何数据。

Answer 2

使用它：

 <input type="button" id="archive" value="Archive" onclick='ajaxFunction()'>

但我建议您尝试使用jquery ajax。

这样点击事件或任何：

$.ajax({
type="post",
   url: archive.php,
data:{date:eventId},
success:function(){
//response here,
}
});

需要一点帮助学习AJAX＆amp; PHP？

2 个答案: