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 相关文章推荐
页面调用单个swf文件,嵌套出多个方法。
Nov 21 Javascript
客户端js判断文件类型和文件大小即限制上传大小
Nov 20 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
Mar 02 Javascript
JQuery实现带排序功能的权限选择实例
May 18 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
Sep 05 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
Vue实现选择城市功能
May 27 Javascript
分析javascript原型及原型链
Mar 18 Javascript
Jquery获取radio选中值实例总结
Jan 17 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
php发送get、post请求的6种方法简明总结
2014/07/08 PHP
WordPress中用于获取搜索表单的PHP函数使用解析
2016/01/05 PHP
yii2超好用的日期组件和时间组件
2016/05/05 PHP
js+css实现导航效果实例
2015/02/10 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
Javascript this 函数深入详解
2016/12/13 Javascript
JavaScript瀑布流布局实现代码
2017/05/06 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
python多重继承新算法C3介绍
2014/09/28 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
Python使用pydub库对mp3与wav格式进行互转的方法
2019/01/10 Python
浅谈Python反射 &amp; 单例模式
2019/03/21 Python
Puppeteer使用示例详解
2019/06/20 Python
python队列原理及实现方法示例
2019/11/27 Python
pandas中read_csv的缺失值处理方式
2019/12/19 Python
django 连接数据库出现1045错误的解决方式
2020/05/14 Python
python 实现IP子网计算
2021/02/18 Python
python实现不同数据库间数据同步功能
2021/02/25 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
领先的英国注册在线药房 :Simply Meds Online
2019/03/28 全球购物
女大学生毕业找工作的自我评价
2013/10/03 职场文书
销售心得体会
2014/01/02 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
2015年乡镇发展党员工作总结
2015/03/31 职场文书
法律讲堂观后感
2015/06/11 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
Nginx反向代理、重定向
2022/04/13 Servers