gpt4 book ai didi

php - Jquery $.get() 从带有 JSON 的 php 脚本返回未定义的结果

转载 作者:行者123 更新时间:2023-12-01 08:06:03 26 4
gpt4 key购买 nike

已更新

呃,我尝试查看更多教程,我决定首先使用 $.get(),因为它更容易并且适合作为起点。

所以这是脚本,我认为它工作正常,除了它给出了未定义的结果

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Display Json</title>
<script src="../_js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('#jsonButton').click(function()
{
var data = ''
$.get('getJson.php', data, response);
});//end click
});//end ready

function response(data)
{
$('#display').prepend('<p>' + data.name + data.phone + '</p>');
}
</script>
<body>
<div id="display">

<input type="button" id="jsonButton" value="getJson!" />

</div>
</body>
</html>

这是返回简单 JSON 对象的 getJson.php 简单 php 脚本:

$data['name'] = 'username';
$data['phone'] = '08989808089';

header('Content-Type: application/json');
echo json_encode($data);

当我单击“getJson”按钮时,它显示未定义

最佳答案

那是因为你的选择器不正确

$('submit').click(function()
//-^^^^^----here

应该是

 $('input[name="submitButton"]').click(function(){
....
}

或者为您的按钮提供一个 id,并使用 id 选择器和 #

 <input type="submit" name="submitButton" value="getJson!" id="getjson"/>

$('#getjson').click(function(){
......

或者您可以使用

$('input:submit').click(function(){ 
.....
});

已更新

对于未定义的,你可以调用回调函数......

$.get('getJson.php', data, function(data){
$('#display').prepend('<p>' + data.name + data.phone + '</p>');
});

关于php - Jquery $.get() 从带有 JSON 的 php 脚本返回未定义的结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16605543/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com