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

基本上我想做的是： 1.我编写了一个连接到数据库的php文件 2.我想在按下按钮时将此文件加载到我的html登录页面。 3.已加载php文件并打印变量值。暂时不使用DBS

我尝试了以下方法，但没有成功：

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代码中的值？

要将值显示为html，可以使用.html、.append从中选择JSON对象

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

使用data.keyName作为示例data.name和将数据发送到服务器add

data: {key:value, key:value}

试试看

$'asd'。单击，函数E{ e、 防止违约； $.ajax{ 键入：“GET”，//使用POST发送数据 网址：http://echo.jsontest.com/name/john/age/33/city/Tasik, //数据：{ //登录名：loginname， //密码：pwd //}, 数据类型：“json”， 成功：functiondata{ console.log'success'，数据； $'body'。附加''+data.name+'

'； $'body'。附加''+data.age+'

'； $'body'。附加“”+data.city+”

”； } }; };

---

加载PHP文件ajax.send$myJSON；将抛出错误，因为ajax未定义。到底是什么问题？这就是为什么你的代码没有达到你期望的效果吗？请阅读。您不需要ajax这一行。无论如何，请发送$myJson。这已经由jQuery完成了。拆下该线路并再次测试。然后在控制台的网络选项卡中显示您在测试中得到的任何错误。phpI尝试了这个，但仍然没有成功，它给出了一个错误，但我不确定它是什么。确保您的服务器返回json头，如果没有添加头CONNT类型：application/json；在顶端