jquery ajax(3).post
2014-04-22 10:18
363 查看
.post返回文本数据 $(function(){ $("#send").click(function(){ $.post("post1.php",{ username:$("#username").val(), content:$("#content").val() },function(data,textStatus){ $("#resText").html(data);//把返回的数据添加到页面上 } ); }) }) php文件
<?php header("Content-Type:text/html;charset=utf-8"); echo"<divclass='comment'><h6>{$_REQUEST['username']}:</h6><pclass='para'>{$_REQUEST['content']}</p></div>"; ?>
.post返回xml数据 $(function(){ $("#send").click(function(){ $.post("post2.php",{ username:$("#username").val(), content:$("#content").val() },function(data,textStatus){ varusername=$(data).find("comment").attr("username"); varcontent=$(data).find("commentcontent").text(); vartxtHtml="<divclass='comment'><h6>"+username+":</h6><pclass='para'>"+content+"</p></div>"; $("#resText").html(txtHtml);//把返回的数据添加到页面上 },"xml"); }) }) php文件
<?php header("Content-Type:text/xml;charset=utf-8"); echo"<?xmlversion='1.0'encoding='utf-8'?>". "<comments>". "<commentusername='{$_REQUEST['username']}'>". "<content>{$_REQUEST['content']}</content>". "</comment>". "</comments>"; ?>
.post返回json数据实现
$(function(){
$("#send").click(function(){
$.post("post3.php",{
username:$("#username").val(),
content:$("#content").val()
},function(data,textStatus){
varusername=data.username;
varcontent=data.content;
vartxtHtml="<divclass='comment'><h6>"+username+":</h6><pclass='para'>"+content+"</p></div>";
$("#resText").html(txtHtml);//把返回的数据添加到页面上
},"json");
})
})
php文件
<?php
header("Content-Type:text/html;charset=utf-8");
echo"{\"username\":\"{$_REQUEST['username']}\",\"content\":\"{$_REQUEST['content']}\"}"
?>
.load注意是
$(function(){
$("#send").click(function(){
$("#resText").load("post1.php",{
username:$("#username").val(),
content:$("#content").val()
})
})
})
<?php header("Content-Type:text/html;charset=utf-8"); echo"<divclass='comment'><h6>{$_REQUEST['username']}:</h6><pclass='para'>{$_REQUEST['content']}</p></div>"; ?>
相关文章推荐
- jquery-multiselect在ie6里的一个bug
- jquery ajax (2)实例 .GET
- 增强版内容轮播器(jQuery.flexslider.js的应用)
- 轻量级jQuery工具提示插件tooltipsy使用方法
- jquery ajax (1)原始js 实现
- TaggingJS – 可以灵活定制的 jQuery 标签系统插件
- jquery cookies(2)用法实现
- jquery 操纵 cookies 插件(1)
- 【jQuery学习笔记----DOM】
- jquery 选项卡实现
- js jquery 插件
- 开发员必备的jQuery开发技巧和心得
- jquery防止重复执行动画避免页面混乱
- jquery分页插件jpaginate在IE中不兼容问题
- 知识笔记:jQuery 事件对象属性小结
- jQuery - 函数 $().each() 的循环控制
- 《jquery权威指南2》学习笔记------ jquery获取复选框的值
- Java Jquery ajax级联
- jquery1.6中的.prop()和.attr()异同
- 支持模糊查询的替代html中select的jquery插件