2014-09-19 3 views
0

Во-первых, пожалуйста, простите меня, если это глупый вопрос! Я только начал пытаться понять, что этот материал Ajax связан с PHP, следуя нескольким онлайн-учебникам, но я не понимаю, как вы можете вызвать функцию javascript, которая запустит ваш ajax.Нужна небольшая помощь в изучении AJAX и PHP?

Так у меня есть файл index.html и в теле у меня есть функция, чтобы initate запрос на 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 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». В учебниках ive читайте, что он говорит, чтобы поставить ajaxFunction здесь.

Когда я опустил функцию archiveEvent и использовал только жестко закодированные значения, это сработало нормально, но, очевидно, я не могу использовать жестко закодированные значения.

+0

'OnClick =«ajaxFunction()» ', но вы, вероятно, не нужна эта функция archiveevent – Dave

+0

также серьезно смотреть на это делать с JQuery это будет сохранить вы можете сделать что-то вроде этой '$ (« input # addwastemangementoption »). click (function() {$ .ajax ({}); \t \t \t \t}); – Dave

ответ

0
onclick="javascript:archiveEvent(parameters)" 

Удостоверьтесь, что вы добавляете любые данные, ожидаемые вашей функцией.

0

использовать это:

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

, но я предложу попробовать использовать jquery ajax.

, как это на событие щелчка или любой:

$.ajax({ 
type="post", 
    url: archive.php, 
data:{date:eventId}, 
success:function(){ 
//response here, 
} 
}); 
Смежные вопросы