文档章节

JQuery-Post-Get

完美世界
 完美世界
发布于 2014/06/05 17:09
字数 675
阅读 22
收藏 0
在JQuery中可以使用get,post和ajax方法给服务器端传递数据

get方法的使用(文件):

function verify(){
    //1.获取文本框的数据
    //通过DOM的方式获取
    //(“userName”);
    //通过JQuery的方式获取
    var jqueryObj = $(“#userName”);
        //获取节点的值
    var userName = jqueryObj.val();

    //2.将文本框的数据发送到服务器端的servlet
    $.get(“AJAXServer?name=” +
userName,null,callback);
}


//回调函数
function callback(data){
    //3.接受从服务器端返回的数据
    // alert(data);
    //4.将服务器端的返回的数据显示到页面上
    //取到用来显示结果信息的节点
    var resultObj = $(“#result”);
    resultObj.html(data);
}


可以将上面的文件简写成:

function verify(){
    $.get(“AJAXServer?name=”+$(“#userName”).val(),null,function
callback(data){$(“#result”).html(data);});
}


post方法的使用():

function verify(){
    //1.获取文本框的数据
    //通过DOM的方式获取
    //(“userName”);
    //通过JQuery的方式获取
    var jqueryObj = $(“#userName”);
    //获取节点的值
    var userName = ();
    //2 .将文本框的数据发送到服务器端的servlet
    // $.post(“AJAXServer?name=” + userName,null,callback);//用post是也可以直接将参数跟在URL后面
    $.post(“AJAXServer”,{name:userName,test:”test123″},callback);//传递多个参数时用逗号隔开,属性值如果是变量的话直接写上,如:userName,如果是字符的话要加上引号,如:“test123”.
}


//回调函数
function callback(data){
    //3.接受从服务器端返回的数据
    // alert(data);
    //4.将服务器端的返回的数据显示到页面上
    //取到用来显示结果信息的节点
    var resultObj = $(“#result”);
    (data);
}


可以将上面的文件简写成:

function verify(){
    $.post(“AJAXServer”,{name:$(“#userName”).val(),test:”test123″},function(data){$(“#result”).html(data)});
}

总结:其实get和post方法相似,只要将get和post互换即可,而参数的存放位置两个地方都行;

如:

$.post(“AJAXServer”,{name:$(“#userName”).val(),test:”test123″},function(data){$(“#result”).html(data)});
只要将post直接改成get,而不用修改参数的位置,即:
$.get(“AJAXServer”,{name:$(“#userName”).val(),test:”test123″},function(data){$(“#result”).html(data)});

ajax方法的使用(customForAjaxText)接收数据类型是纯文本的数据:
function verify(){

//1.获取文本框的数据

//通过JQuery的方式获取

var jqueryObj = $(“#userName”);

//获取节点的值

var userName = ();

//2.将文本框的数据发送到服务器端的servlet

$.ajax({

type:”POST”,

url:”AJAXServer”,

data:”name=”+userName+”&”+”test=123″,

success:function(data){

$(“#result”).html(data);

}

});

}

ajax方法的使用(customForAjaxText)接收数据类型是XML的数据:


function verify(){

//1.获取文本框的数据

//通过JQuery的方式获取

var jqueryObj = $(“#userName”);

//获取节点的值

var userName = ();

//2.将文本框的数据发送到服务器端的servlet

$.ajax({

type:”POST”,

url:”AJAXXMLServer”,

data:”name=”+userName+”&”+”test=123″,

dataType:”xml”,

success:function(data){

//首先需要将传过来的DOM对象转化为jquery对象

var jqueryObj = $(data);

//获取message节点

var messageNods = ();

//获取文本内容

var responseText = ();

$(“#result”).html(responseText);

}

});

}


© 著作权归作者所有

共有 人打赏支持
完美世界
粉丝 10
博文 151
码字总数 134011
作品 0
西城
高级程序员
使用原生的 javascript 来替代 jquery

JSON JQUERY $.getJSON('/my/url', function(data) { }); IE9+ var request = new XMLHttpRequest(); request.open('GET', '/my/url', true); request.onload = function() { if (request.st......

蜗牛奔跑
2015/07/01
0
0
jQuery零基础入门——(八)AJAX

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 用JavaScript写AJAX前面已经介绍...

JandenMa
08/06
0
0
很不错的jQuery学习资料和实例

很不错的jQuery学习资料和实例,分享给大家。 这些都是学习Jquery很不错的资料,整理了一下,分享给大家。 希望能对大家的学习有帮助。 帕兰 Noupe带来的51个最佳jQuery教程和实例 , 向大家介...

晨曦之光
2012/03/09
0
0
AngularJS中的$http.post与jQuery.post的区别

很多时候我们需要用ajax提交post数据,angularjs与jq类似,也有封装好的post。 但是jQuery的post明显比angularjs的要简单一些,人性化一些。 AngularJS: $http.post('do-submit.php',myDat...

tommyfok
2014/07/06
0
7
jquery 提交form表单

这个其实挺简单的,只是一开始我想错了,一开始我打算用jQuery + jQuery.form插件来做,其实不必的,只需要jQuery插件就可以了。首先,在jsp页面中导入jQuery, <script type="text/javascr...

背起行囊去远行
2013/03/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

内存模型是怎么解决缓存一致性的?

在再有人问你Java内存模型是什么,就把这篇文章发给他。这篇文章中,我们介绍过关于Java内容模型的来龙去脉。 我们在文章中提到过,由于CPU和主存的处理速度上存在一定差别,为了匹配这种差距...

Java填坑之路
20分钟前
1
0
vue-cli 3.0 初体验

最近复习了下vue,突然发现vue-cli已经更新到3.0版本了,并且变化蛮大,看来要不停的学习,真是一入前端深似海。 安装步骤: 1、全局安装 npm install -g @vue/cli Vue CLI 的包名称由 vue-...

tianyawhl
22分钟前
0
0
Angular进阶之路

【初级】会写页面,能出东西。 给定环境和 rest API,不用第三方库,能在十分钟内完成一个 master/detail 结构的带路由的应用(可以不管美观)。 知识点:Angular CLI、组件、路由、HTTP 服务...

陆小七的主页
24分钟前
0
0
Redis缓存数据库安全加固指导(一)

背景 在众多开源缓存技术中,Redis无疑是目前功能最为强大,应用最多的缓存技术之一,参考2018年国外数据库技术权威网站DB-Engines关于key-value数据库流行度排名,Redis暂列第一位,但是原生...

中间件小哥
24分钟前
0
0
百万级数据mysql分区

1. 什么是表分区? 表分区,是指根据一定规则,将数据库中的一张表分解成多个更小的,容易管理的部分。从逻辑上看,只有一张表,但是底层却是由多个物理分区组成。 2. 表分区与分表的区别 分表...

罗文浩
27分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部