ajax用post方法,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();

//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方法的使用(customForPost.js):

function verify(){

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

//通过DOM的方式获取

//document.getElementByIdx("userName");

//通过JQuery的方式获取

var jqueryObj = $("#userName");

//获取节点的值

var userName = jqueryObj.val();

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

resultObj.html(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 = jqueryObj.val();

//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 = jqueryObj.val();

//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 = jqueryObj.children();

//获取文本内容

var responseText = messageNods.text();

$("#result").html(responseText);

}

});

}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/367851.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vim使用手册

https://www.cnblogs.com/lijia0511/p/5644566.html转载于:https://www.cnblogs.com/kusy/p/9450311.html

JAVASCRIPT常用20种小技巧汇总

1.TEXTAREA自适应文字行数的多少 2.脚本永不出错<script LANGUAGE"javascript"></script>3.ENTER键可以让光标移到下一个输入框4.预定秒数内自动转到指定网址5.怎么改变滚动条的颜色&#xff0c;只有ie5.5版本以上才能支持。 这是使用CSS语言&#xff0c…

JavaWeb之动态页面技术JSP/EL/JSTL

一、JSP技术 1&#xff0e;jsp脚本和注释 jsp脚本&#xff1a; 1&#xff09;<%java代码%> ----- 内部的java代码翻译到service方法的内部 2&#xff09;<%java变量或表达式> ----- 会被翻译成service方法内部out.print() 3&#xff09;<%!java代码%> ---- 会…

mac mysql创建本地数据库_【mac】配置本地数据库

1.【安装数据库】brew 安装mysql -- brew install mysql安装成功后在命令行敲入 which mysql 查看安装路径2.【配置数据库】如果直接打mysql会报错&#xff0c;需要将mysql添加到环境变量&#xff0c;具体方法参阅后台学习-环境变量检查mysql是否启动 ps -ef | grep mysqld开启…

Spring Integration关键案例与现实生活场景

这篇文章将总结Spring Integration&#xff08;SI&#xff09;的重要要点以及消息传递集成模式。 对于每个关键提示&#xff0c;我都会根据我的经验添加一个真实的示例。 分离器 一个。 它能做什么&#xff1f; 拆分器实际上是一种模式&#xff0c;它在某一点接收一条消息并将…

ie下按keydown事件会触发button

负责公司的一个b2c平台&#xff0c;头部那里有个搜索查询的功能&#xff0c;根据用户输入的内容按回车键也会跳转到响应的页面&#xff0c;后来在ie浏览器下惊奇的发现按回车键的同时它也会触发底部的邮箱订阅的button事件&#xff0c;开始以为是其它的地方用到了回车键从而冲突…

BZOJ3771 Triple(FFT+容斥原理)

思路比较直观。设A(x)Σxai。先把只选一种的统计进去。然后考虑选两种&#xff0c;这个直接A(x)自己卷起来就好了&#xff0c;要去掉选同一种的情况然后除以2。现在得到了选两种的每种权值的方案数&#xff0c;再把这个卷上A(x)。得到这个后考虑去重&#xff0c;其中重复的就是…

糖豆人维修服务器多长时间,服务器不稳定的《糖豆人》凭啥还这么火?只因做到了这三点...

8月4日&#xff0c;《糖豆人&#xff1a;终极淘汰赛》在steam平台上线&#xff0c;不到一周的时间直接登上steam畅销榜第六位。这款看起来似乎并不具备3A制作级别的游戏&#xff0c;到底是怎么获得了这么多玩家的追捧和青睐的呢&#xff1f;不妨跟着汇智妹一起看看这款游戏到底…

MapReduce算法–了解数据联接第1部分

在本文中&#xff0c;我们继续执行一系列实现算法的系列&#xff0c;该算法在使用MapReduce进行数据密集型文本处理中找到&#xff0c;这一次讨论数据联接。 虽然我们将讨论在Hadoop中联接数据的技术并提供示例代码&#xff0c;但在大多数情况下&#xff0c;您可能不会自己编写…

移动端Web开发小记

之前为公司商旅频道写移动端的页面时遇到不少问题&#xff0c;今特来个总结&#xff0c;希望能为后来者带来一些帮助。 不再考虑浏览器兼容性 移动端开发主要对象是手持设备&#xff0c;其中绝大部分是IOS和Android系统&#xff0c;so&#xff0c;在开发此类页面时不必纠结IE…

虚拟机游戏获取服务器地址,vue获取服务器地址

vue获取服务器地址 内容精选换一换Atlas 500 Pro 智能边缘服务器(型号 3000)安装上架、服务器基础参数配置、安装操作系统等操作请参见《Atlas 500 Pro 智能边缘服务器 用户指南(型号 3000)》&#xff0c;安装操作系统完成后&#xff0c;配置业务网口IP地址&#xff0c;请参见配…

jar各个版本号的意义

jar版本号的意义&#xff1a; Alpha&#xff1a; Alpha是内部测试版,一般不向外部发布,会有很多Bug.除非你也是测试人员,否则不建议使用.是希腊字母的第一位,表示最初级的版本&#xff0c;alpha 就是α&#xff0c;beta 就是β &#xff0c;alpha 版就是比 beta 还早的测试版&a…

mysql用户及权限管理_MySQL 用户及权限管理

1.mysql用户的定义在mysql中&#xff0c;用户由用户名和主机域组成的。1.1 用户名的写法mysql> create user test1localhost;注意&#xff1a;用户名不要以数字、符号开头&#xff0c;如若一定要这么写&#xff0c;给用户名加上引号才能创建用户。1.2 用户中的主机域的写法单…

使用Selenium和HTML中的动态ID进行Java测试

Selenium最酷的方面之一是&#xff0c;您不仅可以使用网站进行录制&#xff0c;还可以将其实际用作junit测试。 首先&#xff0c;我将在Firefox中安装Selenium&#xff08;因为这是正式版本&#xff09;并进行快速测试。 重要的是要注意&#xff0c;Selenium将为您提供多种不同…

题解报告:hdu 1235 统计同成绩学生人数

题目链接&#xff1a;http://acm.hdu.edu.cn/showproblem.php?pid1235 Problem Description 读入N名学生的成绩&#xff0c;将获得某一给定分数的学生人数输出。Input 测试输入包含若干测试用例&#xff0c;每个测试用例的格式为第1行&#xff1a;N第2行&#xff1a;N名学生的…

CSS的计数器:counter-increment与counter-reset

CSS Counters其实就是一计数器&#xff0c;早期在CSS中计数器仅存在于 ul 和 ol 元素。如果要使用在 div 这样的元素上&#xff0c;只能通过 list-style-image 或者是元素的 backgroud-image 来实现。在 CSS2.1的规范 中介绍了一种新技术&#xff0c;允许开发人员使用伪类 :aft…

查看表空间名称、大小、使用大小、剩余大小和使用率

查看表空间名称、大小、使用大小、剩余大小和使用率&#xff1a; SELECT a.tablespace_name "表空间名称", total / (1024 * 1024) "表空间大小(M)", free / (1024 * 1024) "表空间剩余大小(M)", (total - free) / (1024 * 1024 ) "表空…

编译安装PHP-7.2.8

一 下载并软件包 wget http://124.205.69.169/files/A218000006E9730A/cn2.php.net/distributions/php-7.2.8.tar.gz tar xf php-7.2.8.tar.gz cd php-7.2.8 二 安装依赖程序 yum -y install pcre pcre-devel openssl openssl-devel libicu-devel gcc gcc-c autoconf libjpeg l…

常用操作符

2 1. 转换类型数据&#xff0c;可以先定义一个数据&#xff0c;然后在采用调用的方法进行转换。 2. 进行查看相关数据&#xff0c;使用type类型数据进行查看&#xff0c;例如&#xff1a;type(**),然后就可以查到所属的类型了。但是对于单个字符来说&#xff0c;例如红线方…

重要通知,事关校营宝新老用户,敬请知悉!

尊敬的校营宝用户&#xff0c;感谢您选择校营宝培训学校管理系统&#xff0c;我们的发展离不开您的支持鼓励&#xff0c;只要您选择校营宝&#xff0c;就是我们的终身客户&#xff0c;我们承诺给您终身的售后咨询服务&#xff01; 校营宝培训学校管理系统是面向校外艺术类培训…