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 ReferenceError: $ is not defined 错误的处理办法
May 10 Javascript
JS批量操作CSS属性详细解析
Dec 16 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
Feb 04 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
May 25 Javascript
Javascript对象Clone实例分析
Jun 09 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
May 03 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
Jul 31 Javascript
AngularJS 教程及实例代码
Oct 23 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 Javascript
Electron-vue脚手架改造vue项目的方法
Oct 22 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 Javascript
js+canvas实现转盘效果(两个版本)
Sep 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中filter_input函数用法分析
2014/11/15 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
Jquery 弹出层插件实现代码
2009/10/24 Javascript
javascript中关于执行环境的杂谈
2011/08/14 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
2012/07/31 Javascript
可选择和输入的下拉列表框示例
2013/11/05 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
2015/08/25 Javascript
jQuery Easyui快速入门教程
2016/08/21 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
nodejs mysql 实现分页的方法
2017/06/06 NodeJs
jQuery 实现双击编辑表格功能
2017/06/19 jQuery
angular6.0开发教程之如何安装angular6.0框架
2018/06/29 Javascript
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
2020/05/12 Javascript
Python实现多线程的两种方式分析
2018/08/29 Python
python内置数据类型之列表操作
2018/11/12 Python
详解Python循环作用域与闭包
2019/03/21 Python
Python 实现加密过的PDF文件转WORD格式
2020/02/04 Python
selenium WebDriverWait类等待机制的实现
2020/03/18 Python
python类共享变量操作
2020/09/03 Python
html5拖曳操作 HTML5实现网页元素的拖放操作
2013/01/02 HTML / CSS
Helly Hansen工作服美国官方网上商店:为最恶劣的环境
2019/09/04 全球购物
介绍java中初始化块的使用
2012/09/11 面试题
在使用非全零作为空指针内部表达的机器上, NULL是如何定义
2014/11/09 面试题
介绍一下Python下range()函数的用法
2013/11/07 面试题
如何写好建议书
2014/03/13 职场文书
读书之星事迹材料
2014/05/12 职场文书
社区娱乐活动方案
2014/08/21 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
学习与创新自我评价
2015/03/09 职场文书
四十年同学聚会致辞
2015/07/28 职场文书
A22国内电台短波广播频率表
2022/05/10 无线电
Redis特殊数据类型HyperLogLog基数统计算法讲解
2022/06/01 Redis