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 相关文章推荐
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
js对数字的格式化使用说明
Jan 12 Javascript
javascript原始值和对象引用实例分析
Apr 25 Javascript
浅谈jquery中delegate()与live()
Jun 22 Javascript
JavaScript对Cookie进行读写操作实例
Jul 25 Javascript
同步异步动态引入js文件的几种方法总结
Sep 23 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
微信小程序 传值取值的几种方法总结
Jan 16 Javascript
JS实现闭包中的沙箱模式示例
Sep 07 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
Oct 30 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
使用vue实现一个电子签名组件的示例代码
Jan 06 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生成略缩图代码
2012/07/16 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
php数组中包含中文的排序方法
2014/06/03 PHP
PHP fastcgi模式上传大文件(大约有300多K)报错
2014/09/28 PHP
php管理nginx虚拟主机shell脚本实例
2014/11/19 PHP
php构造函数的继承方法
2015/02/09 PHP
php实现的递归提成方案实例
2015/11/14 PHP
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
用Javascript评估用户输入密码的强度(Knockout版)
2011/11/30 Javascript
判定是否原生方法的JS代码
2013/11/12 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
IE下通过a实现location.href 获取referer的值
2014/09/04 Javascript
第五篇Bootstrap 排版
2016/06/21 Javascript
深入浅析jQuery对象$.html
2016/08/22 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
javascript中导出与导入实现模块化管理教程
2020/12/03 Javascript
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
python采用getopt解析命令行输入参数实例
2014/09/30 Python
Python中实现switch功能实例解析
2018/01/11 Python
对Django中内置的User模型实例详解
2019/08/16 Python
使用python实现多维数据降维操作
2020/02/24 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
python实现快速文件格式批量转换的方法
2020/10/16 Python
Django自带的用户验证系统实现
2020/12/18 Python
迟到检讨书1000字
2014/01/15 职场文书
《雨霖铃》听课反思
2014/02/13 职场文书
2014年迎新年活动方案
2014/02/19 职场文书
考勤制度通知
2015/04/25 职场文书
追讨欠款律师函
2015/05/27 职场文书
冲出亚马逊观后感
2015/06/03 职场文书
详解Node.js如何处理ES6模块
2021/05/15 Javascript
解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题
2021/07/01 Java/Android
python数字图像处理之图像的批量处理
2022/06/28 Python