Question

基本上我要做的是：
1.我写了一个连接到我的数据库的php文件 2.当我按下按钮时，我想将此文件加载到我的html“登录”页面 3.加载php文件并打印变量值。（现在不使用dbfor）

我试过以下但没有运气：

HTML: 
<button id="asd">Load PHP File</button>

JQ:
<script>

$('#asd').on('click',function (e){
    alert('Success');
    $.ajax({
       type:'GET',
       url :"test.php",
       dataType: 'json',
       success: function(data) {
           console.log('success',data);
       },

    });
    ajax.send($myJSON);
    e.preventDefault();
});
</script>


PHP:
 if (!isset($myObj))
   $myObj = new stdClass();

 $myObj->name = "John";
 $myObj->age = 30;
 $myObj->city = "New York";
 $myJSON = json_encode($myObj);

 echo $myJSON;

我对JQ，AJAX，PHP相当陌生，所以请教我愚蠢的编码和问题。所以我的问题是如何在点击按钮时在我的html中显示PHP代码的值？

Answer 1

要向html显示值，您可以使用.html()，.append()从

中选择JSON对象

{
   "age": "30",
   "name": "john",
   "city": "New York"
}

使用data.keyName例如data.name并将数据发送到服务器添加

data: {key:value, key:value}

试试吧

$('#asd').on('click', function(e) {
  e.preventDefault();
  $.ajax({
    type: 'GET', // use POST to send data
    url: "http://echo.jsontest.com/name/john/age/33/city/Tasik",
    //data: {
    //  login: "loginname",
    //  password: "pwd"
    //},
    dataType: 'json',
    success: function(data) {
      console.log('success', data);
      $('body').append('<p>' + data.name + '</p>');
      $('body').append('<p>' + data.age + '</p>');
      $('body').append('<p>' + data.city + '</p>');
    }

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button id="asd">Load PHP File</button>

在按钮上单击并打印/显示变量时加载PHP文件

1 个答案: