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 instanceof,typeof的区别
Mar 24 Javascript
JavaScript 轻松搞定快捷留言功能 只需一行代码
Apr 01 Javascript
javascript cookies操作集合
Apr 12 Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Aug 03 Javascript
jquery选择器使用详解
Apr 08 Javascript
JavaScript中对象属性的添加和删除示例
May 12 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
Aug 06 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
JS实现的系统调色板完整实例
Dec 21 Javascript
JavaScript 数据类型详解
Mar 13 Javascript
详解Angular如何正确的操作DOM
Jul 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+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
Yii2压缩PHP中模板代码的输出问题
2018/08/28 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
PHP程序员简单的开展服务治理架构操作详解(二)
2020/05/14 PHP
javascript 表格排序和表头浮动效果(扩展SortTable)
2009/04/07 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
2015/08/10 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
2015/12/31 Javascript
实例详解Nodejs 保存 payload 发送过来的文件
2016/01/14 NodeJs
Javascript中的arguments对象
2016/06/20 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
VueRouter导航守卫用法详解
2017/12/25 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
python实现根据图标提取分类应用程序实例
2014/09/28 Python
用Python进行TCP网络编程的教程
2015/04/29 Python
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
Python的垃圾回收机制详解
2019/08/28 Python
python return逻辑判断表达式实现解析
2019/12/02 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
2020/01/08 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
python利用线程实现多任务
2020/09/18 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
python字典与json转换的方法总结
2020/12/28 Python
HTML5标签使用方法详解
2015/11/27 HTML / CSS
教你使用Canvas处理图片的方法
2017/11/28 HTML / CSS
解释i节点在文件系统中的作用
2013/11/26 面试题
自荐书范文
2013/12/08 职场文书
小学阳光体育活动总结
2014/07/05 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
挂职个人工作总结
2015/03/05 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书