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中文网!