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 相关文章推荐
模拟jQuery ajax服务器端与客户端通信的代码
Mar 28 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
May 10 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
一个CSS+jQuery实现的放大缩小动画效果
Feb 19 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
Jun 06 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
Aug 24 Javascript
总结AngularJS开发者最常犯的十个错误
Aug 31 Javascript
jQuery实现简易的输入框字数计数功能示例
Jan 16 Javascript
Angular2学习教程之组件中的DOM操作详解
May 28 Javascript
JavaScript Image对象实现原理实例解析
Aug 26 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
Oct 31 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获取当前文件所在目录 getcwd()函数
2009/05/13 PHP
基于curl数据采集之单页面采集函数get_html的使用
2013/04/28 PHP
PHP中使用php://input处理相同name值的表单数据
2015/02/03 PHP
PHP实现操作redis的封装类完整实例
2015/11/14 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
php实现页面纯静态的实例代码
2017/06/21 PHP
Laravel中的Blade模板引擎示例详解
2017/10/10 PHP
thinkPHP5分页功能实现方法分析
2017/10/25 PHP
PHP正则验证字符串是否为数字的两种方法并附常用正则
2019/02/27 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
JavaScript入门学习书籍推荐
2008/06/12 Javascript
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
了解一点js的Eval函数
2012/07/26 Javascript
javascript实现依次输入input自动定焦
2014/12/23 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
详解webpack自定义loader初探
2018/08/29 Javascript
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
微信小程序文章详情页跳转案例详解
2019/07/09 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
javascript实现简单搜索功能
2020/03/26 Javascript
JS实现多功能计算器
2020/10/28 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
python Django模板的使用方法(图文)
2013/11/04 Python
Python中使用dom模块生成XML文件示例
2015/04/05 Python
简单谈谈python中的多进程
2016/11/06 Python
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
Python 模拟登陆的两种实现方法
2017/08/10 Python
Empty test suite.(PyCharm程序运行错误的解决方法)
2018/11/30 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
给ubuntu18安装python3.7的详细教程
2020/06/08 Python
瑞典廉价机票预订网站:Seat24
2018/06/19 全球购物
会计专业导师推荐信
2014/03/08 职场文书
《雨点儿》教学反思
2014/04/14 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
Java 超详细讲解数据结构中的堆的应用
2022/04/02 Java/Android