使用JQUERY 获取服务器数据，并且填充到表单中

最新推荐文章于 2021-01-28 18:03:22 发布

boyatec

最新推荐文章于 2021-01-28 18:03:22 发布

阅读量416

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： jQuery json PHP HTML ViewUI

本文链接：https://blog.youkuaiyun.com/boyatec/article/details/83677448

Jquery 专栏收录该内容

5 篇文章

订阅专栏

jquery中的$.getJSON(url,[data,][callback])
url:

数据源，可以为.php文件或者是一个包含json数据的文本文件。注意json数据一定要满足json 规则

[url]http://www.jsonlint.com/[/url]是validate Json data.

data:发送到服务器中的数据,记住数据必须是key/value格式的形式.且不需用""wrap
{"query1":"value1","query2"："value2"} correct
{"query1","value1",query2:value2}/decorect
send data 主要是用于查询字段，例如满足一定条件的记录，etc

callback:
when 数据传输顺利的时候定义表单的数据

html code

<html>
<body>
<input type="button" id="btnGetData" value="GetData" />
<input type="text" id="txtData" />
</body>
</html>

Jquery code

$(document).ready(function(){
		$("#btnGetData").click(function(){
			$.getJSON("function-support/example.php",{"data":"xxxx"},function(jsondata){$("#txtData").attr("value",jsondata.data+"");});
		});
	});

<?php
	$str="{";
	$str.="\"data\":\"".$_REQUEST["data"]."\"}";
	echo $str;
	
?>