`

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

阅读更多

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;
	
?>

 

 

分享到:
评论
1 楼 xulu286880921 2011-08-27  
 

相关推荐

    stepsjs:使用步骤 js 分步构建表单

    本质上,stepsjs 的工作方式是使用 handlesbarsjs 模板和一个配置对象,该对象填充来自 jQuery 选择器的传递元素中的步骤。 下面是示例构建中使用的非常简单的 handlebarsjs 模板设置的工作示例(在 src/index.htm

    jquery基础教程高清版PDF.part5.rar

    第1章 jQuery入门   1.1 jQuery能做什么   1.2 jQuery为什么如此出色   1.3 第一个jQuery文档   1.3.1 下载jQuery   1.3.2 设置HTML文档   1.3.3 编写jQuery代码   1.4 小结  第2章 选择符...

    PHP 代码自动生成工具 e-World Tech PHPMaker 2020.0.3 英文特别免费版.rar

    支持在没有启用用户级别安全性的项目中使用$ Security-&gt; CanXXX() 支持文件扩展名,文件大小和最大值的全局和字段特定客户端/服务器端验证。文件数量(如果多次上传) 使用method =“post”的表单的同步器标记 ...

    精通AngularJS part1

    56在其他表单中嵌套表单157 将子表单作为可重用组件157 57重复子表单158 验证重复输入159 58处理传统的HTML表单提交161 直接向服务器提交表单161 处理表单提交事件161 使用ngSubmit处理表单提交162 使用...

    Practice-mini-ajax

    该表单将接收数据,然后将其传递到“最近添加的用户”部分。 如果我们添加一个新用户,它将替换前一个用户。 获取当前用户部分将点击一个api并提取其用户数据。 我们将使用我们的API,它是一个开放的API,以虚拟...

    JAVA上百实例源码以及开源项目源代码

     Java非对称加密源程序代码实例,本例中使用RSA加密技术,定义加密算法可用 DES,DESede,Blowfish等。  设定字符串为“张三,你好,我是李四”  产生张三的密钥对(keyPairZhang)  张三生成公钥(publicKeyZhang...

    FeatherTest - Website Automated Tests-crx插件

    feathertest是一个免费的,开源的谷歌浏览器扩展为一种快速的方式来构建简单的测试和自动化进程,可以 还使用它来注册帐户或用数据填充表单。 它真的灵活了,可以使用任何JavaScript和jQuery代码来编写测试,不需要...

    autoExam:chrome 自动考试扩展

    客户端基于jQuery优雅的dom操作、表单元素遍历。答案自动填充。爽!javascript脚本注入考试页面,屏蔽 win tab 键引起的自动提交事件。识别试卷,推荐完整的一套正确答案。当然,你也可以从下拉列表选择。

    JavaScript实例精通

    16_3.htm 加载一个文本文件到一个HTML元素中。 16_4.htm 使用XML HTTP载入一个XML文件。 16_5.htm 通过XML HTTP做一个HEAD的请求。 16_6.htm 通过XML HTTP做一个特殊HEAD的请求。 16_7.htm 显示XML数据...

    《JavaScript实例精通》[源代码]

    16_3.htm 加载一个文本文件到一个HTML元素中。 16_4.htm 使用XML HTTP载入一个XML文件。 16_5.htm 通过XML HTTP做一个HEAD的请求。 16_6.htm 通过XML HTTP做一个特殊HEAD的请求。 16_7.htm 显示XML数据...

    JAVA上百实例源码以及开源项目

     Java非对称加密源程序代码实例,本例中使用RSA加密技术,定义加密算法可用 DES,DESede,Blowfish等。  设定字符串为“张三,你好,我是李四”  产生张三的密钥对(keyPairZhang)  张三生成公钥(publicKeyZhang...

    portfolio2:Pete Kriengsiri的投资组合

    联系表单,该表单会自动向网站作者填充一封电子邮件 适用于移动和桌面浏览器的响应式布局 安装 将index.html,contact.html,Portfolio.html,LICENSE和Assets文件夹上载到已部署的Web服务器。 资产文件夹包含...

    Angular开发者指南之入门介绍

    这一切都发生在浏览器中,使其成为任何服务器技术的理想合作伙伴。 动态应用程序和静态文档之间的动态适配常常通过以下方式解决 一个库:一组在编写网络应用程序时非常有用的函数。你的代码是负责在它调用库中它...

Global site tag (gtag.js) - Google Analytics