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插件之多图片异步上传
Oct 20 Javascript
node.js中的fs.mkdirSync方法使用说明
Dec 17 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
Sep 14 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
Sep 15 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 Javascript
Bootstrap路径导航与分页学习使用
Feb 08 Javascript
Vue关于数据绑定出错解决办法
May 15 Javascript
JavaScript编写棋盘覆盖代码详解
Aug 28 Javascript
浅析JavaScript中的特殊数据类型
Dec 15 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
Dec 20 Javascript
Angular 多模块项目构建过程
Feb 13 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 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
一个PHP分页类的代码
2011/05/18 PHP
解析crontab php自动运行的方法
2013/06/24 PHP
PHP输入流php://input实例讲解
2015/12/22 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
一段非常简单的让图片自动切换js代码
2006/11/10 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
2012/01/15 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
Bootstrap模态框调用功能实现方法
2016/09/19 Javascript
vue-dialog的弹出层组件
2020/05/25 Javascript
node中koa中间件机制详解
2017/08/22 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
2017/12/25 Javascript
详解easyui基于 layui.laydate日期扩展组件
2018/07/18 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
2019/04/15 Javascript
vue引用外部JS的两种种方法
2020/01/28 Javascript
javascript实现一款好看的秒表计时器
2020/09/05 Javascript
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
Python实现的视频播放器功能完整示例
2018/02/01 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
python自动化UI工具发送QQ消息的实例
2019/08/27 Python
wxpython实现按钮切换界面的方法
2019/11/19 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
HTML5 input元素类型:email及url介绍
2013/08/13 HTML / CSS
继电保护工岗位职责
2014/01/05 职场文书
小学生新学期寄语
2014/01/19 职场文书
原料仓管员岗位职责
2014/04/12 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
患者身份识别制度
2015/08/06 职场文书
党校团干班培训心得体会
2016/01/06 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书