如何将数据从PHP服务器发送到客户端

Question

我是网络技术的新手。 我正准备将数据从PHP Server发送到客户端test.html。 但是只发出 alert（“ 1”），但没有打印alert（“ 2”） 我只想将Json数据打印到alert（JSON.stringify（response））; ，请告诉我我哪里错了？

我的服务器代码是api.php

<?php
header('Access-Control-Allow-Origin: *');//Should work in Cross Domaim ajax Calling request
mysql_connect("localhost","root","1234");
mysql_select_db("demo");
if(isset($_GET['type']))
{
    if($_GET['type']=="login"){
        $username=$_GET['UserName'];
        $Password=$_GET['Password'];
        $query="Select * from registration where UserName='$username' and Password='$Password'";
        $result=mysql_query($query);
        $totalRows=mysql_num_rows($result); 
        if($totalRows>0){
            $recipes=array();
            while($recipe=mysql_fetch_array($result, MYSQL_ASSOC)){
                $recipes[]=array('User'=>$recipe);
            }
            $output=json_encode(array('Users'=>$recipes));
            echo $output;
        }
    }
}
else{
    echo "Invalid format";
}

我的客户代码test.html

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>JSON </title>
        <script src="Scripts/jquery-1.8.2.js">
        </script>
        <script>
            $(document).ready(function(){
                alert("1");
               $("#btnLogin").click(function(){
                   alert("2");
                  $.ajax({
                      url:"http://localhost/Experiements/webservices/api.php",
                      type:"GET",
                      dataType:"json",
                      data:{type:"login", UserName:"abhishek",Password:"123456"},
                      ContentType:"application/json",
                      success: function(response){
                          alert(JSON.stringify(response));
                      },
                      error: function(err){
                          alert(JSON.stringify(err));
                      }
                  })
               }); 
            });
        </script>
    </head>
    <body>
        <input type="button" id="btnLogin" name="btnLogin" value="Login"/>
    </body>
</html>

数据库是演示，用户名是root ，密码是1234 ，表是注册 在此处输入图片说明

Answer 1

jQuery中#选择来选择其元素id （ 而不是它的name属性 ）。所以一个加id到您的按钮。

<input type="button" id="btnLogin" name="btnLogin" value="Login"/>

现在，您的$("#btnLogin").click()函数应该可以正常工作了。

Answer 2

错误1：输入中缺少ID。 添加它

<input type="button" id="btnLogin" name="btnLogin" value="Login"/>

错误2：您的ajax网址以php结尾，但是您提到了api.html

  url:"http://localhost/Experiements/webservices/api.php",

Answer 3

在input元素中使用id属性在javascript中使用#btnLogin引用它

如何将数据从PHP服务器发送到客户端

问题描述

3 个解决方案

解决方案1
3 已采纳 2015-01-01 09:39:37

解决方案2
2 2015-01-01 09:41:39

解决方案3
0 2015-01-01 09:43:52

如何将数据从PHP服务器发送到客户端

问题描述

3 个解决方案

解决方案1 3 已采纳 2015-01-01 09:39:37

解决方案2 2 2015-01-01 09:41:39

解决方案3 0 2015-01-01 09:43:52

解决方案1
3 已采纳 2015-01-01 09:39:37

解决方案2
2 2015-01-01 09:41:39

解决方案3
0 2015-01-01 09:43:52