jquery中get和post的简单实例
例子:
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"
<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>
下面是摘自网络的函数:
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:"测试成功"}
相关推荐
-
Jquery Post处理后不进入回调的原因及解决方法
今天做一个简单的增加数据,通过Jquery的Post方法,把Json数据传到Jsp后台,处理后却怎么都不进入回调函数, $.post("addGs.do","x=" + JSON.stringify(x) ,function(d){ alert('成功'); } ,"json" ); 通过FF调试发现返回数据正常,200Ok, 没办法,又看看Jquery API,说如果最后的参数是Json时,要求返回的数据是Json格式, 会不会是返回的Json
-
Jquery AJAX POST与GET之间的区别
1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果 POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的] 设计WEB页面的时候 也应该遵守这个原则 2:一.谈Ajax的Get和Post的区别
-
jquery ajax post提交数据乱码
在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件chrome和ie都没有指定,所以出现乱码问题.解决方法: 复制代码 代码如下: $.ajaxSetup({ contentType: "application/x-www-form-urlencoded; charset=utf
-
JQuery中Ajax的Post提交在IE下中文乱码的解决方法
引言: 在JQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何解决呢? 问题的引入: 复制代码 代码如下: var regid = $('#oregion').combobox('getValue'); //var sname = $('#sname').val(); var sname = encodeURI($('#sname').val(),"UTF-8"); if(regid!=""&®id!='und
-
jquery.post用法之type设置问题
当使用ajax获取data数据的时候,直接data.foo就可以得到.而较低版本的jquery就不行比如1.4之前 复制代码 代码如下: $.post('/admin/UserBookView.do', {}, function(data) { console.info(data); }); 打印data信息,显示的是json格式的字符串,如下: 复制代码 代码如下: {"acceptIs":null,"entity":null,"refuseIs&quo
-
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
以前在新浪博客写过js调用AJAX时Get和post的乱码解决办法,但是使用js代码比较繁琐,我们在使用ajax进行数据交互时可以使用js的一个成熟框架---jQuery. 一个网站的设计,不管是注册登录还是分页查找,都需要提交参数到服务器以便得到所需的页面数据.为了减少用户因刷新页面带来的煎熬,ajax诞生.但是初学者进行项目开发时,会遇到一个很烦人的问题:中文乱码. 下面我就通过一个简单的实例来告诉大家哪些地方可能会导致乱码,我们需要通过什么方式来解决. 我们这个实例主要实现用户注册时用户名
-
jQuery中get和post方法传值测试及注意事项
用 jQuery 的都知道,jQuery 的 get 和 post 方法有三个参数:地址,数据 和回调函数,但我们知道地址也可以跟随数据的(形如:get_data.php?v1=1&v2=2),而且第二个参数可以省略,即第二个参数可 以直接写回调函数,那么数据写在地址后面和写在 data 参数里有什么区别呢? 刚刚做了几个实验,看看下面的代码就清楚了: 以下内容需要回复才能看到 jquery_data.php echo "post: "; print_r($_POST); ec
-
jquery.post用法关于type设置问题补充
jquery.post用法 http://www.jb51.net/article/45181.htm当使用ajax获取data数据的时候,直接data.foo就可以得到.而较低版本的jquery就不行比如1.4之前 复制代码 代码如下: $.post('/admin/UserBookView.do', {}, function(data) { console.info(data); }); 打印data信息,显示的是json格式的字符串,如下: 复制代码 代码如下: {"acceptIs&qu
-
javasciprt下jquery函数$.post执行无响应的解决方法
在编写javascirpt程序过程中,用$.post方法发送数据,若数据中字符含有'<',将导致$.post无法成功执行. 复制代码 代码如下: var jsonstr='{"value":"abcd<efg"}'; $.post( url, { "jsonstr": jsonstr }, function (data, status) { }); 需要将其转义后再使用,使用下面的transferredChars函数转义后,再传递数据
-
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
详细解读Jquery各Ajax函数: $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数. 而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明 复制代码 代码如下: $.get("dat
-
jquery中post方法用法实例
本文实例讲述了jquery中post方法的用法,分享给大家供大家参考.具体用法分析如下: 在使用jquery实现网站的异步交互时,常用的两个函数为get和post方法,get方法使用很简单,直接提交get请求即可,如果有参数,直接追加到url后面就行,但是使用post方法时,传递参数,需要和url分开写,使得传参变得麻烦了,不过这样做起来更安全一些,而且出现中文乱码的概率也要低一些(get方法传中文很多情况下会出现乱码现象),这里就详细介绍一下post是怎样传递参数的. 首先写一个html代码如
-
jquery.post用法示例代码
使用ajax在前端验证是否执行某个操作 jquery.post参数为 url,[data],[callback],[type] url:发送请求地址. data:待发送 Key/value 参数. callback:发送成功时回调函数. type:返回内容格式,xml, html, script, json, text, _default. 复制代码 代码如下: $.post('admin/HhCheckVote.do?ids=' + '${ids}', {}, function(flag) {
-
jquery中$.post()方法的简单实例
在jqery中有这样一个方法,$.post()下面就这个方法做一个简单的实例: jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示. callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调
-
jquery中get,post和ajax方法的使用小结
在JQuery中可以使用get,post和ajax方法给服务器端传递数据 get方法的使用(customForGet.js文件): function verify(){//1.获取文本框的数据 //通过DOM的方式获取//document.getElementByIdx("userName");//通过JQuery的方式获取var jqueryObj = $("#userName");//获取节点的值var userName = jqueryObj.val(); /
-
jQuery的3种请求方式$.post,$.get,$.getJSON
$.post,$.get,$.getJSON是jQuery的3种请求方式 1.$.get就是get方式提交数据,用法:$.get(url,data,callback),例: 复制代码 代码如下: $.get("../saveUser.action",{ 'userId':123, 'userCode':'123' },function(data)){} 2.$.post就是post提交,一般来说,相对比较安全,用法:$.post(url,data,callback),例: 复制代码 代
随机推荐
- CMD CODE PAGE的概念及其设置值使用方法
- Windows 7下IIS安装配置教程(win8通用)
- javascript 用记忆函数快速计算递归函数
- js生成随机数(指定范围)的实例代码
- php file_exists 检查文件或目录是否存在的函数
- Python可变参数函数用法实例
- 浅谈C#指针问题
- php数组函数序列之array_unshift() 在数组开头插入一个或多个元素
- 判断window.onload是否多次使用的方法
- javascript解析json数据的3种方式
- Oracle基本查询过滤排序示例解析
- 简单JS代码压缩器
- JQUERY操作JSON实例代码
- 用自定义图片代替原生checkbox实现全选,删除以及提交的方法
- 金山反病毒20041218_日报
- Java 获取服务器环境的实例详解
- Java软件编程培训机构靠谱吗
- Python网页解析利器BeautifulSoup安装使用介绍
- div+css布局必了解的列表元素ul ol li dl dt dd详解
- Orancle的SQL语句之多表查询和组函数