如何使用ajax连接到php并使用onclick按钮显示结果

时间:2016-06-16 05:38:59

标签: html ajax

我这样做,但没有连接到PHP,并告诉我响应xml任何人都可以告诉我如何去工作

 <script type="text/javascript">
        function showhint(str) {
            var ajax = new XMLHttpRequest();

        ajax.onreadystatechange = function () {
            if (ajax.readyState == 4 && ajax.status == 200) {
                document.getElementById("results").innerHTML = ajax.responseXML;
            }
        };

        ajax.open("GET","xmlconvert.php?q="+str,true);
        ajax.send();                  
    }
 </script> 

<script>
    function void  functionvalue(){
    var bookname = document.getElementById('book').value;
    return bookname;
    }
</script>

<form id="keyword" >
    <input type="text" name="value" id="book">
    <br>
    <button  onclick="showhint(functionvalue())">Search By Title</button>
</form>
<div id="results">

php-&gt; mysql查询:

$a=$_GET["q"];
$sql="select * from `book` where title=$q;";

2 个答案:

答案 0 :(得分:0)

你需要在php中放一个echo,这就像文本一样返回ajax,你可以在js中解析

答案 1 :(得分:0)

根据你的问题,你需要发布一些输入类型的文本只需点击单选按钮进行插入或等等,你需要包括jquery然后通过事件点击执行ajax jquery她的eis demo

然后这是代码

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>

    <script>
   $(document).ready(function() {
    $("input:radio[name='radio']").click(function(){

     var nama= $("input[name=name]").val();
     $.ajax({
            type: 'post',
            url: "your-php-is-here",
            data: { nama: nama }
        });
     })
   });

    </script>

  </head>

  <body>
      <input type="text" name="name" >

      <input type="radio" name="radio"> Click it

  </body>

</html>