使用ajax和唯一id从php文件加载数据
我的问题是，我必须在我的html表单中输入一个id，然后按下go按钮，必须触发一个ajax查询，该查询从php文件检索数据，并自动填充html表单中的剩余输入。 我先返回静态数据，然后从数据库中检索数据 我不熟悉使用ajax jquery，所以无法解决这个问题 HTML表单和AJAX Jquery使用ajax和唯一id从php文件加载数据,php,jquery,html,ajax,Php,Jquery,Html,Ajax,我的问题是，我必须在我的html表单中输入一个id，然后按下go按钮，必须触发一个ajax查询，该查询从php文件检索数据，并自动填充html表单中的剩余输入。 我先返回静态数据，然后从数据库中检索数据 我不熟悉使用ajax jquery，所以无法解决这个问题 HTML表单和AJAX Jquery <html> <head> <title>AJAX</title>
<html>
<head>
<title>AJAX</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<form>
Id:<input type="text" id="id">
Name:<input type="text" id="name">
Mobile:<input type="text" id="mob">
Email:<input type="text" id="email">
<button id="bgd">GO!</button>
</form>
<script type="text/javascript">
$("#bgd").click(function(){
$.ajax({
type: "post",
url: "im-form/phpdata.php",
dataType: "json",
data:{
id:'id',
name: 'name',
mob: 'mob',
email: 'email'
},
async: true,
cache: false,
success: function(results) {
var obj = $results;
var name = obj.name;
var mob= obj.mob;
var email= obj.email;
$("#name").val(name);
$("#mob").val(mob);
$("#email").val(email);
}
});
});
</script>
</body>
</html>
AJAX
身份证件：
姓名：
流动电话：
电邮：
走！
$（“#bgd”）。单击（函数（）{
$.ajax({
类型：“post”，
url:“im form/phpdata.php”，
数据类型：“json”，
数据：{
id:'id'，
姓名：'姓名'，
暴民：“暴民”，
电子邮件：“电子邮件”
},
async:true，
cache:false，
成功：功能（结果）{
var obj=$results；
var name=obj.name；
var mob=obj.mob；
var email=obj.email；
$（“#名称”）.val（名称）；
$（“mob”）.val（mob）；
$（“电子邮件”）.val（电子邮件）；
}
});
});
<?php
$id =5;
$name="goku";
$mob=9000;
$email="goku@dragonball.com";
$results=array('id'=>$id,'name'=>$name,'mob'=>$mob,'email'=>$email);
if($results)
{
echo json_encode($results);
}
?>
您的代码中有错误
$("#bgd").click(function() {
$.ajax({
// alert("HI!"); remove this
type: "post", // use in small case
url: "im-form/phpdata.php",
dataType: "json", // dataType not datatype, check the T in camel case
data:{
id:$('#id').val(), // get input values here
name: $('#name').val(),
mob: $('#mob').val(),
email: $('#email').val()
},
//async: true,// be default it is asynchronous
cache: false,
success: function(results) {
//var obj = $.parseJSON(results); // no need to use parseJSON, as dataType is already used for it
var obj = results,
id = obj.id, // no need of [] as it is single object
name = obj.name,
mob= obj.mob,
email= obj.email;
$("#bName").val(name);
$("#blPd").val(id);
} // remove semicolon after success
});
});
<?php
$id =5; // use $_POST['id'] here
$name="goku"; // $_POST['name']
$mob=9000; // $_POST['mob']
$email="goku@dragonball.com"; // $_POST['email']
// make an associative array here
$results=array('id'=>$id,'name'=>$name,'mob'=>$mob,'email'=>$email);
if($results) {
echo json_encode($results);
}
?>
bNamebgd警报（“HI！”）。我做了一些更改。我的问题是，通过使用id，我需要获得所有剩余的详细信息。