200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > jQuery中get方法用法分析

jQuery中get方法用法分析

时间:2021-09-26 03:39:50

相关推荐

jQuery中get方法用法分析

web前端|js教程

jQuery get方法

web前端-js教程

qq价值评估网站源码,ubuntu命令怎么数,添加tomcat环境变量,爬虫用网站,宁波php薪资,外贸seo易海创腾.地址在哪里lzw

参数:url,[data],[callback],[type]

微信小程序商城后台管理源码,ubuntu安装其它选项,tomcat配置连接池优化,公安网爬虫,php数据库时间函数,seo0141lzw

微信小程序 企业网站源码,平板电脑ubuntu系统,tomcat8.5服务器,幸福树爬虫,最强大的php开发工具,品牌seo服务lzw

案例1

表单代码:

评论:

姓名:

内容:

待处理div代码:

已有评论:

jQuery代码:

//<![CDATA[ $(function(){ $("#send").click(function(){ $.get("get1.php", { username : $("#username").val() , //传入参数content : $("#content").val()}, function (data, textStatus){$("#resText").html(data); // 把返回的数据添加到页面上} ); }) })//]]>

PHP代码:

<?php header("Content-Type:text/html; charset=utf-8"); echo "

{$_REQUEST[username]}:

{$_REQUEST[content]}

";?>

当用户点击send按钮时,触发click事件,对数据进行处理。主要传入两个参数,一个是用户名,一个是内容。这两个参数被传递到php页面。PHP页面处理完毕后,返回输入数据,get方法处理返回的数据。分析代码,可以看出,这数据,被写入了resText这个div层中。整个过程页面并没有刷新。很安静的处理了数据的传输。

案例2,以xml的格式处理数据

表单代码同上。

待处理div代码同上。

jQuery代码:

//<![CDATA[ $(function(){ $("#send").click(function(){ $.get("get2.php", { username : $("#username").val() , content : $("#content").val()}, function (data, textStatus){var username = $(data).find("comment").attr("username");var content = $(data).find("comment content").text();var txtHtml = "

"+username+":

"+content+"

";$("#resText").html(txtHtml); // 把返回的数据添加到页面上}); }) })//]]>

PHP代码:

<?php header("Content-Type:text/xml; charset=utf-8"); echo ""."".""."{$_REQUEST[content]}".""."";?>

jQuery传递参数是相同的,区别在于回调函数对数据处理的方式的不同。从PHP代码中可以看出数据是以xml的格式传入的。

jQuery处理xml就像处理html一样,可以获取属性的值,也可以获取节点的值,获取这些值之后,就可以进行一定的处理,返回到页面中去。

更多jQuery中get方法用法分析相关文章请关注PHP中文网!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。