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版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
javascript 设置某DIV区域内的checkbox复选框
Nov 30 Javascript
转换字符串为json对象的方法详解
Nov 29 Javascript
yepnope.js使用详解及示例分享
Jun 23 Javascript
JavaScript实现查找字符串中第一个不重复的字符
Dec 29 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
May 24 Javascript
jquery+CSS3实现3D拖拽相册效果
Jul 18 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
前端主流框架vue学习笔记第二篇
Jul 26 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
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
实现树状结构的两种方法
2006/10/09 PHP
适用于抽奖程序、随机广告的PHP概率算法实例
2014/04/09 PHP
YII2.0之Activeform表单组件用法实例
2016/01/09 PHP
IE8 原生JSON支持
2009/04/13 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
2011/04/12 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
2017/04/21 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
微信小程序国际化探索实现(附源码地址)
2020/05/20 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
浅谈vue-props的default写不写有什么区别
2020/08/09 Javascript
[02:55]DOTA2英雄基础教程 发条技师
2013/12/04 DOTA
Python之用户输入的实例
2018/06/22 Python
python控制nao机器人身体动作实例详解
2019/04/29 Python
Python绘图Matplotlib之坐标轴及刻度总结
2019/06/28 Python
python3 下载网络图片代码实例
2019/08/27 Python
python自动化测试之异常及日志操作实例分析
2019/11/09 Python
centos+nginx+uwsgi+Django实现IP+port访问服务器
2019/11/15 Python
世界上最大的高分辨率在线图片库:Alamy
2018/07/07 全球购物
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
什么时候用assert
2015/05/08 面试题
生产班组长岗位职责
2014/01/05 职场文书
上班离岗检讨书
2014/01/27 职场文书
2014年两会学习心得体会
2014/03/17 职场文书
2014年档案管理员工作总结
2014/12/01 职场文书
2015国庆节66周年演讲稿
2015/03/20 职场文书
2015年销售工作总结范文
2015/03/30 职场文书
2015教师个人工作总结范文
2015/03/31 职场文书
董事长新年致辞
2015/07/29 职场文书
2016年党课培训学习心得体会
2016/01/07 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
MySQL笔记 —SQL运算符
2022/01/18 MySQL
MySQL 原理与优化之Limit 查询优化
2022/08/14 MySQL
js 实现验证码输入框示例详解
2022/09/23 Javascript