ajax传输数据

AJAX向后台传输数//1 直接在url中传递

$.ajax({

type: "POST",

url: "/testAjax/addUser?id=1&name=zhangxiaofan&sex=male",

success:function(data){

//TODO

}

});

//2 html页面from表单序列化

var formData = $("#form").serialize();

$.ajax({

type: "POST",

url: "/testAjax/addUser",

data: formData,

success:function(data){

//TODO

}

});

//3 拼接data字符串

var formData = $("#form").serialize();

$.ajax({

type: "POST",

url: "/testAjax/addUser",

data: "id=1&name=zhangxiaofan&sex=male",

success:function(data)

}

});

//4 简单的js对象

var userData = {

id:1,

name:zhangxiaofan,

sex:male

};

$.ajax({

type: "POST",

url: "/testAjax/addUser",

data: userData, //或者data:{id:1,name:zhangxiaofan,sex:male}

success:function(data){

//TODO

}

})
拼接data法详解:

http://simple.logphp.com/?a=url&k=6668b1fc&u=aHR0cDovL3d3dy5jbm

时间: 2024-11-08 00:59:08

ajax传输数据的相关文章

ajax传输数据的业务实现

ajax传输数据的业务实现: 1.创建xmlHttpRequest对象:作用:服务器与浏览器完成数据交互. if(window.XMLHttpRequest){//IE7及以上版本 xmlHttpRequest=new xmlHttpRequest(); }else{ xmlHttpRequest=new activeObject("Micrisoft.XMLHTTP"); } 2.设置返回参数: xmlHttpRequest.onreadystatechange="函数名&

email ajax传输数据去重和非空判断

前台: <td class="in-ctt" width="35%" ><input type="text" name="email" id="email" required="required" /><div id="content"></div> ajax: $(document).ready(function(){

jquery的ajax与spring mvc对接注意事项

昨天一直纠结这么一个问题,应用场景是这样的: 这里登陆是通过jquery的ajax传输数据到后台controller类相应的映射mapping接收.本来是想,在后台验证成功之后返回一个视图modelAndView.但是却不曾想到有这么一个问题,就是不管你怎么返回,前台就是不跳转页面.这里牵扯到一个很重要的问题.先来看看我前端ajax发送登陆请求的代码: <script type="text/javascript"> $(function() { $('#submitLogi

ajax学习之get请求步骤

ajax中get请求是最常用的请求,常用于向服务器查询数据,get请求通过open方法的url提交查询字符串 1.创建一个异步对象XMLHttpRequest(实际使用中可能要兼容性判断,js高程572页有考虑兼容性的方法) var xhr=XMLHttpRequest(); 2.启动一个请求以备发送,第三个参数为true表示异步,false表示同步 xhr.open("get","asdvj.php?name1=value1&pwd2=pwd",true)

ajax 基础教程

这是一本什么书?这是一本技术类的书籍,主要从历史.XMLHttpRequest对象.怎么样于服务器交互.构建完备的Ajax开发工具箱.使用jsUnit测试javascript 代码,总之就是让我们从这个方面去了解ajax,并且很好的使用ajax 第一章:Ajax 简介web应用是以请求相应来完成的ajax的请求不会记录在浏览器的历史中,后退按钮不能回到期望的页面JsUnit 和 Selenium 测试工具 第二章:XMLHttpRequest对象在使用XMLHttpRequest对象发送请求和处

Ajax学习笔记-JQuery中的Ajax

JQuery对Ajax操作进行了封装,在JQuery的最底层的方法是$.ajax(),第二层是load() $.get() $.post(), 第三层是$.getScript()和$.getJSON(). <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type=&quo

Django Ajax的使用

简介: AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. Ajax 很多时候,我们在网页上请求操作时,不需要刷新页面.实现这种功能的技术就要Ajax! jQuery中的ajax就可以实现不刷新页面就能向后台请求或提交数据的功能,现用它来做django中的ajax,所以先把jquey下

ajax 和bootstrap混用手残出现的一个bug

前端是这样的 原本的逻辑是点击提交之后,出现模态框,然后点击评论之后用ajax把数据提交给后端,看起来没问题,但是手残把两个按钮嵌套一起了, (代码并不完整) 错误的代码 $("#回复按钮").on('click', function(){     //获得回复对象的信息;     $("模态框中的评论").on('click' function(){         //获得弹出框中的绰号和内容         .ajax({             传输数据;

Struts2用AJAX实现JSON插件的使用

AJAX的详细描述就不做介绍了,大家基本都懂这个. 下面我们会通过两个具体的案例,来做具体的实现: 案例一: 案例描述:输入用户名,把用户名通过AJAX异步传输的方式发送至后台,判断此用户名是否存在. 第一步,我们需要导入这三个jar包:commons-lang3-3.1.jar.struts2-json-plugin-2.1.8.1.jar.xwork-core-2.1.6.jar,然后还有Struts2的几个基本jar包 第二步,还要导入jQuery的配置文件:jquery-1.8.0.mi