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 相关文章推荐
建立良好体验度的Web注册系统ajax
Jul 09 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
javascript实现带节日和农历的日历特效
Feb 01 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
Nov 24 Javascript
深入理解Angular2 模板语法
Aug 07 Javascript
JS+CSS3模拟溢出滚动效果
Aug 12 Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 Javascript
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
vue-router跳转时打开新页面的两种方法
Jul 29 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
Sep 10 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 Javascript
vue调用本地摄像头实现拍照功能
Aug 14 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入门小知识
2008/03/24 PHP
Laravel框架中扩展函数、扩展自定义类的方法
2014/09/04 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
js获取checkbox值的方法
2015/01/28 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
javascript基于DOM实现省市级联下拉框的方法
2015/05/14 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
2016/08/01 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
vue.js初学入门教程(1)
2016/11/03 Javascript
Bootstrap栅格系统的使用和理解2
2016/12/14 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
深究AngularJS中ng-drag、ng-drop的用法
2017/06/12 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
element ui分页多选,翻页记忆的实例
2019/09/03 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
在Windows服务器下用Apache和mod_wsgi配置Python应用的教程
2015/05/06 Python
Anaconda入门使用总结
2018/04/05 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
python批量处理文件或文件夹
2020/07/28 Python
基于python3监控服务器状态进行邮件报警
2019/10/19 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
Lulu Guinness露露·吉尼斯官网:红唇包
2019/02/03 全球购物
创伤外科专业推荐信范文
2013/11/19 职场文书
党的群众路线教育学习材料
2014/05/12 职场文书
安全标语大全
2014/06/10 职场文书
三好生演讲稿
2014/09/12 职场文书
详细的本科生职业生涯规划范文
2014/09/16 职场文书
2015年仓库工作总结
2015/04/09 职场文书
工作态度怎么写
2015/06/25 职场文书
python某漫画app逆向
2021/03/31 Python
字节飞书面试promise.all实现示例
2022/06/16 Javascript