首先,如果这是一个愚蠢的问题,请原谅我!通过一些在线教程,我刚刚开始尝试了解PHP的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值设置什么?我想调用参数为"09122014"的函数archiveEvent。在我读过的教程中,它说把ajaxFunction放在这里。
当我省略archiveEvent函数,只使用硬编码值时,这很好,但显然我不能使用硬编码的值。
onclick="javascript:archiveEvent(parameters)"
确保添加函数所需的任何数据。
使用这个:
<input type="button" id="archive" value="Archive" onclick='ajaxFunction()'>
但我建议尝试使用CCD_ 1。
像这样点击事件或任何:
$.ajax({
type="post",
url: archive.php,
data:{date:eventId},
success:function(){
//response here,
}
});