0

先说一下我的情况：

我即将创建一个表单，其中每个字段都有一个帮助按钮。现在，如果有人单击帮助，它将从数据库中获取数据并在 div 中显示这些数据。例如

<div class="main">
 <div class="form">
   <!-- my form code will be here-->
 </div>

 <div class="help">
   <!-- this div will show some data using ajax. I need to make database query using ID of help then show the data here-->
 </div>

</div><!--end of main-->

现在我在 w3 学校阅读了有关 ajax 的信息，我在那里找到了解决方案。这是：

<script>
 function loadXMLDoc(a)
 {
 var xmlhttp;
 var temp = "myname.php?id=" + a;


 if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
         xmlhttp=new XMLHttpRequest();
    }
 else
    {// code for IE6, IE5
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
       xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
             document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
      }
 xmlhttp.open("GET",temp,true);
 xmlhttp.send();
}
</script>



<h2>AJAX</h2>
  <button type="button" onclick="loadXMLDoc('1')">Request 1</button>
    <button type="button" onclick="loadXMLDoc('2')">Request 2</button>
  <button type="button" onclick="loadXMLDoc('3')">Request 3</button>
<div id="myDiv"></div>

如果我单击一个按钮并将 id 作为参数发送它的工作原理。在进行了一些谷歌搜索后，我发现最好使用 jQuery 框架进行 ajax。现在我在谷歌没有得到任何关于这个的初学者教程。

现在，如果在这种情况下可以使用上面的代码，请给我一些链接或帮助，说明如何在 Javascript 上进行数据库查询并获取值并使用 Ajax 将其设置为 div。

如果这不是使用 Ajax 的好方法，那么请给我一些说明，告诉我如何使用 Ajax 从数据库中获取值并将其显示在特定的 div 中。请记住，我需要发送用于查询数据库的函数的帮助 ID。

我正在使用 wordpress 框架。

4

2 回答 2

3

在您的页面中包含jquery.js然后它就像

function loadXMLDoc(a) {
    $('#myDiv').load("myname.php?id=" + a);
}

如果您想要一个完整的 jquery 解决方案，那么我建议您也使用 jquery 事件注册

HTML

<button type="button" class="requester" data-request="1">Request 1</button>
<button type="button" class="requester" data-request="2">Request 2</button>
<button type="button" class="requester" data-request="3"Request 3</button>
<div id="myDiv"></div>

JS

$(function() {
    $('.requester').click(function() {
        $('#myDiv').load("myname.php?id="
                + $(this).data('request'));
    });
});
于 2013-03-25T05:59:58.813 回答
0 
$.post('myname.php',{id:a},function(data){ $('#myDiv').html(data); });
于 2013-03-25T06:21:43.130 回答