jquery中get和post的简单实例


Posted in Javascript onFebruary 04, 2014

例子:

test.html
页面引用<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

内容有:
<div id="divMsg">Hello World!</div>

用法1:(页面载入时读取远程页面内容到divMsg)

$("#divMsg").load(http://localhost:8012/t.php, { "resultType": "html" });

返回类型resultType有如下几种:

"xml", "html", "script", "json", "jsonp", "text"

用法2:(点击post数据返回数据)

<input type="button" id="bnajax" value="ajax" onclick="ajaxTest()" />
<script type="text/javascript" >
 function ajaxTest()
 {
  $.post("http://localhost:8012/t.php", { "txt": "123" },function(data)
  {
   $("#divMsg").html(data);
  }
  );
 }
</script>

下面是摘自网络的函数:

post方法如下:

    function test(access_url, tipE){
        $.post(access_url,{  
            first: "test1", second: "test2" 
            }, function(data){ 
                    if(data.success){ 
                        $('#' + tipE).html('处理成功'); 
                    }else{ 
                        $('#' + tipE).html(data.msg);    
                    } 
            },'json' 
       ) 
    }

如果想用get方法,则把post换为get就可以了,挺简单!

这个函数中data值为服务端返回的值,且为JSON格式,当然了,这里可以用其他类型,如text,xml等等之类。

服务端返回值是JSON格式,如:{success:true, msg:"测试成功"}

Javascript 相关文章推荐
javascript中的location用法简单介绍
Mar 07 Javascript
(function($){...})(jQuery)的意思
Jul 22 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
浅析JavaScript中的array数组类型系统
Jul 18 Javascript
使用ajaxfileupload.js实现上传文件功能
Aug 13 Javascript
jQuery.datatables.js插件用法及api实例详解
Oct 28 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
Bootstrap显示与隐藏简单实现代码
Mar 06 Javascript
Vuex简单入门
Apr 19 Javascript
node.js的http.createServer过程深入解析
Jun 06 Javascript
微信小程序云开发如何实现数据库自动备份实现
Aug 16 Javascript
jquery中$.post()方法的简单实例
Feb 04 #Javascript
用jQuery与JSONP轻松解决跨域访问的问题
Feb 04 #Javascript
jquery的ajax和getJson跨域获取json数据的实现方法
Feb 04 #Javascript
jquery ajax跨域解决方法(json方式)
Feb 04 #Javascript
解决json日期格式问题的3种方法
Feb 02 #Javascript
为jQuery添加Webkit的触摸的方法分享
Feb 02 #Javascript
简单的JavaScript互斥锁分享
Feb 02 #Javascript
You might like
PHP新手上路(四)
2006/10/09 PHP
PHP微信开发之模板消息回复
2016/06/24 PHP
PHP PDOStatement::getAttribute讲解
2019/02/01 PHP
JavaScript的parseInt 进制问题
2009/05/07 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2011/09/13 Javascript
使用javascript实现页面定时跳转总结篇
2013/09/21 Javascript
js中call与apply的用法小结
2013/12/28 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
jQuery中用dom操作替代正则表达式
2014/12/29 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
javascript数组去重方法汇总
2015/04/23 Javascript
在Javascript中处理字符串之big()方法的使用
2015/06/08 Javascript
jQuery实现仿百度帖吧头部固定导航效果
2015/08/07 Javascript
简单的分页代码js实现
2016/05/17 Javascript
VUE 3D轮播图封装实现方法
2018/07/03 Javascript
jQuery实现轮播图及其原理详解
2020/04/12 jQuery
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
Python实现新浪博客备份的方法
2016/04/27 Python
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
浅谈Python3实现两个矩形的交并比(IoU)
2020/01/18 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
AmazeUI中模态框的实现
2020/08/19 HTML / CSS
Glamest意大利:女性在线奢侈品零售店
2019/04/28 全球购物
便利店促销方案
2014/02/20 职场文书
读书活动实施方案
2014/03/10 职场文书
中秋寄语大全
2014/04/11 职场文书
局火灾防控工作方案
2014/05/25 职场文书
社区矫正工作方案
2014/06/04 职场文书
考察邀请函范文
2015/01/31 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
导游词之丹东鸭绿江
2019/10/24 职场文书
Python 匹配文本并在其上一行追加文本
2022/05/11 Python