我正在构建小型网络应用程序,我想要:
- 从用户输入中读取变量
- 当用户单击链接时,通过 AJAX 将此变量传递给 PHP
- 接收数组(JSON)
- 解析数组并将其填充为两个输入值
最后一个 Action 对我来说很难。
简单的 PHP 示例:
<?php
$array = array("name" => "James", "surname" => "Bond");
echo json_encode($array);
?>
我的 HTML 是这样的:
<script>
$(document).ready(function(){
$("#click_me").click(function(){
$.post('127.0.0.1/read_from_php/', {
my_var : $("#my_var").val()
}, function(data) {
//how to read and parse JSON from PHP here
//and put name and surname as a input value below:
$('#name').val(data);
$('#surname').val(data);
});
});
});
</script>
<input type="text" id="my_var" name="my_var" value="">
<a href="#" id="click_me">Click to read from PHP</a>
<div id="my_div">.. loading ..
<input type="text" name="name" id="name" value="name"/>
<input type="text" name="surname" id="surname" value="surname"/>
</div>
最佳答案
使用JSON.parse()
将 json 字符串转换为对象:
<script>
$(document).ready(function(){
$("#click_me").click(function(){
$.post('127.0.0.1/read_from_php/', {
my_var : $("#my_var").val()
}, function(data) {
var person = JSON.parse(data);
$('#name').val(person.name);
$('#surname').val(person.surname);
});
});
});
</script>
或者,您也可以更改为 $.getJSON()
因为它已经在内部处理解析了。
关于javascript - 如何从 PHP (JSON) 读取数组并通过 JS 填充少量输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28141258/