需要一些帮助来学习AJAX和PHP吗？

Question

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

所以我有一个文件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;
            }
      }
    }

然后，我定义一些东西来处理ready状态中的更改：

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值付出什么？ 我想使用参数“ 09122014”调用函数archiveEvent。 在我读过的教程中，它说将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和PHP吗？

问题描述

2 个解决方案

解决方案1
0 2014-09-19 15:04:54

解决方案2
0 2014-09-19 15:07:20

需要一些帮助来学习AJAX和PHP吗？

问题描述

2 个解决方案

解决方案1 0 2014-09-19 15:04:54

解决方案2 0 2014-09-19 15:07:20

解决方案1
0 2014-09-19 15:04:54

解决方案2
0 2014-09-19 15:07:20