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 Perfection kill 测试及答案
Mar 23 Javascript
javascript通过class来获取元素实现代码
Feb 20 Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
js中hash和ico的关联分析
Feb 05 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
Jul 31 Javascript
微信JSSDK上传图片
Aug 23 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
Mar 08 Javascript
bootstrap table单元格新增行并编辑
May 19 Javascript
react路由配置方式详解
Aug 07 Javascript
基于js中document.cookie全面解析
Sep 14 Javascript
详解vuex commit保存数据技巧
Dec 25 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如何编写易读的代码
2007/07/10 PHP
ZF等常用php框架中存在的问题
2008/01/10 PHP
php之Smarty模板使用方法示例详解
2014/07/08 PHP
PHP中使用数组指针函数操作数组示例
2014/11/19 PHP
PHP传参之传值与传址的区别
2015/04/24 PHP
Yii2框架类自动加载机制实例分析
2018/05/02 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
JavaScript 判断浏览器类型及版本
2009/02/21 Javascript
JavaScript单元测试ABC
2012/04/12 Javascript
jquery getScript动态加载JS方法改进详解
2012/11/15 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
基于javascript滚动图片具体实现
2013/11/18 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
2015/08/26 Javascript
Flow之一个新的Javascript静态类型检查器
2015/12/21 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
2017/02/12 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
JS中Object对象的原型概念基础
2018/01/29 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
使用vue完成微信公众号网页小记(推荐)
2019/04/28 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
2019/08/07 Javascript
vue 实现tab切换保持数据状态
2020/07/21 Javascript
[48:31]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第一场 2月2日
2021/03/11 DOTA
python字符串过滤性能比较5种方法
2017/06/22 Python
pytorch实现CNN卷积神经网络
2020/02/19 Python
CSS3 简写animation
2012/05/10 HTML / CSS
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
作文评语集锦大全
2014/04/23 职场文书
放假通知范文
2015/04/14 职场文书
撤诉状格式范本
2015/05/19 职场文书
写作指导:怎么书写竞聘演讲稿?
2019/07/04 职场文书