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 创建对象
Jul 17 Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
Sep 09 Javascript
JavaScript 变量命名规则
Sep 23 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
javascript正则表达式之search()用法实例
Jan 19 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
浅谈JavaScript 覆盖原型以及更改原型
Aug 31 Javascript
微信小程序 slider的简单实例
Apr 19 Javascript
AngularJS学习笔记之表单验证功能实例详解
Jul 06 Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 Javascript
vue中轮训器的使用
Jan 27 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
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
JavaScript 一道字符串分解的题目
2011/08/03 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
2014/09/01 Javascript
jquery中表单 多选框的一种巧妙写法
2015/09/06 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
2016/09/01 Javascript
完全深入学习Bootstrap表单
2016/11/28 Javascript
angular json对象push到数组中的方法
2018/02/27 Javascript
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
antd-日历组件,前后禁止选择,只能选中间一部分的实例
2020/10/29 Javascript
基于javascript实现放大镜特效
2020/12/03 Javascript
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
python开发之函数定义实例分析
2015/11/12 Python
Python实现字典去除重复的方法示例
2017/07/31 Python
python re正则匹配网页中图片url地址的方法
2018/12/20 Python
python写一个随机点名软件的实例
2019/11/28 Python
Python进阶之迭代器与迭代器切片教程
2020/01/29 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
关于Python字符编码与二进制不得不说的一些事
2020/10/04 Python
解决Python 写文件报错TypeError的问题
2020/10/23 Python
Python用SSH连接到网络设备
2021/02/18 Python
Nordgreen英国官网:斯堪的纳维亚设计师手表
2018/10/24 全球购物
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
年会活动策划方案
2014/01/23 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
八一建军节演讲稿
2014/09/10 职场文书
干部作风建设工作总结
2014/10/29 职场文书
2015年大学团支部工作总结
2015/05/13 职场文书
培训心得体会怎么写
2016/01/25 职场文书
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang