- 1、本文档共3页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
个人网站
?
主页博客相册|个人档案 |好友
jQuery实例演示
2009-07-31 00:27
htmlheadtitlejQuery Ajax 实例演示/title/headscript language=javascript src=../lib/jquery.js/scriptscript language=javascript
$(document).ready(function (){?? $(#send_ajax).click(function (){???? var params=$(input).serialize(); //序列化表单的值???? $.ajax({?????? url:ajax_json.php, //后台处理程序?????? type:post,???????? //数据发送方式?????? dataType:json,???? //接受数据格式?????? data:params,???????? //要传递的数据?????? success:update_page //回传函数(这里是函数名)???? });?? });
//$.post()方式:$(#test_post).click(function (){??? $.post(????? ajax_json.php,????? {??????? username:$(#input1).val(),??????? age:$(#input2).val(),??????? sex:$(#input3).val(),??????? job:$(#input4).val()????? },????? function (data) //回传函数????? {??????? var myjson=;??????? eval(myjson= + data + ;);??????? $(#result).html(姓名: + myjson.username + br/工作: + myjson[job]);????? }??? );?? });
//$.get()方式:$(#test_get).click(function (){??? $.get(????? ajax_json.php,????? {??????? username:$(#input1).val(),??????? age:$(#input2).val(),??????? sex:$(#input3).val(),??????? job:$(#input4).val()????? },????? function(data) //回传函数????? {??????? var myjson=;??????? eval(myjson= + data + ;);??????? $(#result).html(myjson.job);????? }??? );});});
function update_page (json) //回传函数实体,参数为XMLhttpRequest.responseText{var str=姓名:+json.username+br /;str+=年龄:+json.age+br /;str+=性别:+json.sex+br /;str+=工作:+json.job+br /;str+=追加测试:+json.append;$(#result).html(str);}/scriptbody
div id=result style=background:orange;border:1px solid red;width:300px;height:200px;/divform id=formtest action= method=post??? pspan输入姓名:/spaninput type=text name=username id=input1 //p??? pspan输入年龄:/spaninput type=text name=age id=input2 //p??? pspan输入性别:/spaninput type=text name=sex id=input3 //p??? pspan输入工作:/spaninput type=text name=job id=input4 //p/formbutton id=send_ajax提交/buttonbutton id=test_postPOST提交/buttonbutton id=test_getGET提交/button
/body/html
PHP 文
您可能关注的文档
- html编译器使用.doc
- html标记必读.doc
- html标记的一般格式.doc
- Html标签大全 高仕豊.doc
- HTML标签及语法(一).doc
- html标签及属性大.doc
- html标签及属性大全.doc
- html标签特效代码大全.doc
- html标签中id和name的区别.doc
- html标签属性大全(完美版).doc
- 2025年广州商贸投资控股集团有限公司校园招聘笔试备考试题及答案详解(最新).docx
- 2025年广州商贸投资控股集团有限公司校园招聘笔试备考试题及答案详解(易错题).docx
- 2025年广州商贸投资控股集团有限公司校园招聘笔试备考试题附答案详解(名师推荐).docx
- 外科健康教育培训课件.pptx
- 2025年广州商贸投资控股集团有限公司校园招聘笔试备考试题及答案详解(必刷).docx
- 2025年广州商贸投资控股集团有限公司校园招聘笔试备考试题及答案详解(新).docx
- 2025年广州工业投资控股集团有限公司人员招聘笔试备考试题及完整答案详解.docx
- 2025年广州商贸投资控股集团有限公司校园招聘笔试备考试题及答案详解参考.docx
- 2025年广州商贸投资控股集团有限公司校园招聘笔试备考试题及答案详解(夺冠).docx
- 2025年广州商贸投资控股集团有限公司校园招聘笔试备考试题及答案详解1套.docx
文档评论(0)