文档章节

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);

}

});

}


© 著作权归作者所有

共有 人打赏支持
上一篇: 正则表达式
下一篇: squid配置
完美世界
粉丝 10
博文 151
码字总数 134011
作品 0
西城
高级程序员
私信 提问
21 个有用的 jQuery 教程和插件

jQuery 是最火热的 Ajax 框架,在互联网网站到处都有 jQuery 的身影。本文给出一些例子和教程帮你更好的使用 jQuery 开发出漂亮的 Web 应用。 Photobooth with PHP, jQuery and CSS3 ( Demo ...

红薯
2011/04/28
6.1K
9
推荐 25 个优雅的 jQuery Tooltip 插件

jQuery 工具提示可以让网站上一些小的帮助信息显示更加直观,提升用户的体验。下面我们为你推荐 25 个最好的工具提示插件: 1. jqTooltip jqTooltip 2. Pop! Simple Pop Menus with jQuery ...

红薯
2011/05/15
43.6K
10
英文对照 介绍Play Framework 框架 Ajax

Play框架中的Ajax h1. Ajax in the Play framework Play框架允许你简单的使用Ajax请求,默认使用JQuery, 这一节描述了如何有效地在框架里使用jQuery。 The Play framework allows you to e...

lyuehh
2010/08/08
1K
1
使用原生的 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
Struts2 整合jQuery实现Ajax功能

Struts2 整合jQuery实现Ajax功能 技术领域很多东西流行,自然有流行的道理,这几天用了jQuery,深感有些人真是聪明绝顶,能将那么多技术融合的如此完美。 首先明确个概念: jQuery是什么:是...

孙斐
2011/10/12
0
2

没有更多内容

加载失败,请刷新页面

加载更多

二进制相关

二进制 众所周知计算机使用的是二进制,数字的二进制是如何表示的呢? 实际就是逢二进一。比如 2 用二进制就是 10。那么根据此可以推算出 5的二进制等于 10*10+1 即为 101。 在计算机中,负数以...

NotFound403
昨天
0
0
day22:

1、写一个getinterface.sh 脚本可以接受选项[i,I],完成下面任务: 1)使用格式:getinterface.sh [-i interface | -I ip] 2)当用户使用-i选项时,显示指定网卡的IP地址;当用户使用-I选项...

芬野de博客
昨天
1
0
Spring Cloud Alibaba基础教程:使用Nacos实现服务注册与发现

自Spring Cloud Alibaba发布第一个Release以来,就备受国内开发者的高度关注。虽然Spring Cloud Alibaba还没能纳入Spring Cloud的主版本管理中,但是凭借阿里中间件团队的背景,还是得到不少...

程序猿DD
昨天
3
0
Java并发编程:深入剖析ThreadLocal

ThreadLocal 的理解 ThreadLocal,很多地方叫线程本地变量,或线程本地存储。ThreadLocal为变量在每个线程中都创建了一个副本,每个线程可以访问自己内部的副本变量。===》解决的问题是线程间...

细节探索者
昨天
2
0
【Python3之异常处理】

一、错误和异常 1.错误 代码运行前的语法或者逻辑错误 语法错误(这种错误,根本过不了python解释器的语法检测,必须在程序执行前就改正) def test: ^SyntaxError: invalid...

dragon_tech
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部