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用法关于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
-
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中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
详细解读Jquery各Ajax函数: $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数. 而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明 复制代码 代码如下: $.get("dat
-
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
-
javasciprt下jquery函数$.post执行无响应的解决方法
在编写javascirpt程序过程中,用$.post方法发送数据,若数据中字符含有'<',将导致$.post无法成功执行. 复制代码 代码如下: var jsonstr='{"value":"abcd<efg"}'; $.post( url, { "jsonstr": jsonstr }, function (data, status) { }); 需要将其转义后再使用,使用下面的transferredChars函数转义后,再传递数据
-
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调用AJAX时Get和post公用的乱码解决方法实例说明
以前在新浪博客写过js调用AJAX时Get和post的乱码解决办法,但是使用js代码比较繁琐,我们在使用ajax进行数据交互时可以使用js的一个成熟框架---jQuery. 一个网站的设计,不管是注册登录还是分页查找,都需要提交参数到服务器以便得到所需的页面数据.为了减少用户因刷新页面带来的煎熬,ajax诞生.但是初学者进行项目开发时,会遇到一个很烦人的问题:中文乱码. 下面我就通过一个简单的实例来告诉大家哪些地方可能会导致乱码,我们需要通过什么方式来解决. 我们这个实例主要实现用户注册时用户名
-
jquery中post方法用法实例
本文实例讲述了jquery中post方法的用法,分享给大家供大家参考.具体用法分析如下: 在使用jquery实现网站的异步交互时,常用的两个函数为get和post方法,get方法使用很简单,直接提交get请求即可,如果有参数,直接追加到url后面就行,但是使用post方法时,传递参数,需要和url分开写,使得传参变得麻烦了,不过这样做起来更安全一些,而且出现中文乱码的概率也要低一些(get方法传中文很多情况下会出现乱码现象),这里就详细介绍一下post是怎样传递参数的. 首先写一个html代码如
-
Jquery AJAX POST与GET之间的区别
1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果 POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的] 设计WEB页面的时候 也应该遵守这个原则 2:一.谈Ajax的Get和Post的区别
-
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中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处理后不进入回调的原因及解决方法
今天做一个简单的增加数据,通过Jquery的Post方法,把Json数据传到Jsp后台,处理后却怎么都不进入回调函数, $.post("addGs.do","x=" + JSON.stringify(x) ,function(d){ alert('成功'); } ,"json" ); 通过FF调试发现返回数据正常,200Ok, 没办法,又看看Jquery API,说如果最后的参数是Json时,要求返回的数据是Json格式, 会不会是返回的Json
-
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),例: 复制代码 代
随机推荐
- javascript 面向对象编程 function是方法(函数)
- JavaEE开发之SpringMVC中的自定义消息转换器与文件上传
- 使用Maven搭建Hadoop开发环境
- ASP.NET Internet安全Forms身份验证方法
- Javascript实现的StopWatch功能示例
- js运动动画的八个知识点
- php银联网页支付实现方法
- firefox浏览器不支持innerText的解决方法
- javascript生成不重复的随机数
- dl,dt,dd制作的CSS垂直菜单
- SSH框架网上商城项目第3战之使用EasyUI搭建后台页面框架
- asp.net 上传大文件解决方案
- jquery计算鼠标和指定元素之间距离的方法
- 利用jQuery实现打字机字幕效果实例代码
- MyBatis中OGNL的使用教程详解
- 使用游长编码对字符串压缩 Run Length编码示例
- 深入浅出23种设计模式
- Android Socket服务端与客户端用字符串的方式互相传递图片的方法
- C语言线性表顺序存储结构实例详解
- php取出数组单个值的方法