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 相关文章推荐
jquery对象和DOM对象的区别介绍
Aug 09 Javascript
浅析Javascript的自动分号插入(ASI)机制
Sep 29 Javascript
BootStrap中
Dec 10 Javascript
利用node.js本地搭建HTTP服务器
Apr 19 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
vue升级之路之vue-router的使用教程
Aug 14 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
Oct 25 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
Dec 09 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
Jan 08 Javascript
JS实现电脑虚拟键盘的操作
Jun 24 Javascript
js实现有趣的倒计时效果
Jan 19 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
星际争霸中的热键
2020/03/04 星际争霸
怎样在UNIX系统下安装MySQL
2006/10/09 PHP
PHP 柱状图实现代码
2009/12/04 PHP
php cli 小技巧
2013/06/03 PHP
php的webservice的wsdl的XML无法显示问题的解决方法
2014/03/11 PHP
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
微信小程序-小说阅读小程序实例(demo)
2017/01/12 Javascript
react-router4 嵌套路由的使用方法
2017/07/24 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
微信小程序中使用 async/await的方法实例分析
2020/05/06 Javascript
在antd Table中插入可编辑的单元格实例
2020/10/28 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
Python备份Mysql脚本
2008/08/11 Python
横向对比分析Python解析XML的四种方式
2016/03/30 Python
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
基于Python Numpy的数组array和矩阵matrix详解
2018/04/04 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
详解python:time模块用法
2019/03/25 Python
Django组件cookie与session的具体使用
2019/06/05 Python
Python接口测试get请求过程详解
2020/02/28 Python
Python参数传递对象的引用原理解析
2020/05/22 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
使用Python获取爱奇艺电视剧弹幕数据的示例代码
2021/01/12 Python
全球最大的瓷器、水晶和银器零售商:Replacements
2020/06/15 全球购物
写一个方法1000的阶乘
2012/11/21 面试题
介绍一下ICMP(Internet Control Message Protocol)Internet控制信息协议
2016/11/26 面试题
优秀党支部事迹材料
2014/01/14 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
2014年减负工作总结
2014/12/10 职场文书
JavaScript实现优先级队列
2021/12/06 Javascript