`

ajax 三种提交请求的方法

阅读更多

1、ajax 提交请求

$.ajax({
			type:"post",
			url : "${ctx}/front/Hotel/getAllHotelByAjax.do",
			dataType : "json",
			success : function(result) {
				try {
					for(var i=0;i<result.length;i++){
			            $(".cityHotel_ul").append("<li ><a href='${ctx}/front/Hotel/hotelDetail.do?id="+result[i].id+"' style='color:#f6f2ef;text-decoration:none;'>"+result[i].hotelName+"</a></li>");
			        }
				} catch (e) {
					alert(e);
					return;
				}
			}
		});

 

2、post提交请求

$.post(editurl,{typeName:datas[0]},
			function(data){
				alert(data)	;		},
			"text");

 

3、ajax提交form表单,需要jquery-form 插件

$("#addArticleForm").ajaxSubmit({
			url : '${ctx}/back/Article/addArticle.do',
			success : function(data) {
				alert("添加文章成功!");
				window.location.href='${ctx}/back/Article/manageArticle.do';
			}
		});

 

注:如form中包含图片需要在 from中添加 action 具体如下:

<form id="addArticleForm" action="${ctx}/back/Article/addArticle.do" method="post"
				enctype="multipart/form-data">

 

2
3
分享到:
评论
1 楼 yoyo837 2014-09-22  
我以为是原生ajax

相关推荐

    按钮的Ajax请求时一次点击两次提交的解决方法

    这是因为如果未正确处理,一个简单的按钮点击可能会导致Ajax请求和表单提交同时发生,造成不期望的重复提交问题。 当使用HTML表单提交数据时,点击类型为submit的按钮默认会触发表单的提交。在使用JavaScript的Ajax...

    jsp+ajax发送GET请求的方法

    这是Ajax技术相较于传统表单提交方法的一大优势。同时,我们应当注意对用户输入进行验证和清洗,以防止恶意的SQL注入等安全问题。在实际的生产环境中,还应当考虑使用更现代化的Ajax库,如jQuery的$.ajax()方法,来...

    jQuery-ajax-用户名异步请求

    这个过程可以通过Ajax调用后台接口实现,避免用户频繁提交表单进行检查。 首先,我们需要在HTML中创建一个输入框和一个按钮,用于获取用户名和触发异步请求: ```html 请输入用户名"&gt; 检查用户名 ``` 然后,我们...

    Java 模拟Ajax POST GET 提交代码

    Java 模拟Ajax POST GET 提交代码,实测很好用。

    SpringBoot+SpringSecurity处理Ajax登录请求问题(推荐)

    由于Ajax请求不像传统的表单提交那样可以使用Spring Security的默认配置,因此我们需要特殊处理Ajax登录请求问题。 知识点3:解决方案 为了解决Ajax登录请求问题,我们可以使用Spring Security的 Ajax 登录请求...

    ajax快速解决参数过长无法提交成功的问题

    在ajax中使用post方法,用常规的参数格式:param1=a1&param2=a2 ,当参数长度过长时,依然提交不成功。比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application...

    springmvc接收ajax请求注意事项

    SpringMVC 接收 Ajax 请求注意事项 SpringMVC 框架在处理 Ajax 请求时需要注意一些重要的配置和设置,以确保请求的正确处理和数据的正确传输。下面我们将介绍在 SpringMVC 中接收 Ajax 请求的注意事项。 基本数据...

    Ajax Get、Post请求

    在Ajax中,主要使用的请求方式有两种:GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一,主要用于获取服务器上的资源。在Ajax中,使用GET请求时,请求的数据会被附加到URL后面,以问号分隔,形成一个...

    ajax POST 与GET提交的区别

    在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到URL后面,并通过URL传输数据。这种方式适合于那些不会更改服务器状态的操作,例如...

    解决js ajax同步请求造成浏览器假死的问题

    在Web开发中,JavaScript的AJAX技术允许我们异步地加载数据或请求服务器,以更新网页的某个部分而不必重新加载整个页面。在正常情况下,我们推荐使用异步请求,因为它们不会阻塞用户界面,从而允许用户继续与页面上...

    Ajax请求数据小实例

    使用Ajax get请求数据的小例子,使用$.each()循环显示到表格,里面有接口,大家可以使用,欢迎指导学习

    ajaxForm异步提交表单(含图片)

    7. **其他选项**:ajaxForm还提供了许多其他配置选项,如timeout(超时时间)、cache(是否缓存请求)、contentType(请求内容类型)等,可以根据实际需求调整。 总的来说,ajaxForm异步提交表单是实现高效、流畅的...

    AJAX发送请求与接受

    **AJAX(Asynchronous JavaScript and XML)**是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。通过AJAX,我们可以实现页面的异步交互,提高用户体验,减少服务器的负担。AJAX的核心是利用...

    ajax请求,asp的实例

    ### AJAX 请求与 ASP 实例详解 #### 一、引言 在现代Web开发中,异步JavaScript和XML(Ajax)技术被广泛应用于实现无刷新页面更新。通过Ajax,客户端能够与服务器进行数据交换而不必重新加载整个网页。本文将详细...

    ajax方式提交表单,全局提交

    `ajaxSubmit()`方法则是通过`jquery.form.js`插件提供的,它将表单数据以AJAX方式发送到服务器。`url`参数指定处理请求的服务器端脚本,`type`参数指定请求类型,`dataType`指定了预期的服务器响应类型。`success`和...

    第2节 ajax请求第三方接口天气预报案例.rar

    - POST请求用于向服务器发送大量数据,数据包含在请求正文中,适用于提交表单或上传文件。 4. JSON数据格式: JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,也便于机器解析...

    ajax异步提交表单

    jQuery提供的$.ajax()方法用于发送AJAX请求。 #### 三、HTML结构 HTML结构定义了表单元素,包括两个输入框(name和password)和一个按钮。这些元素是用户交互的基础,用户可以在输入框中输入信息,并通过点击按钮...

    AJAX 请求完成时执行函数。Ajax 事件。

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在AJAX请求中,事件处理是非常关键的一部分,它允许我们...

    Ajax异步请求

    Ajax异步请求是一种基于JavaScript和XMLHttpRequest对象的技术,允许Web应用程序在不刷新整个页面的情况下,更新页面的一部分内容。它可以实现异步通信,提高用户体验和页面加载速度。 在Ajax异步请求中,...

Global site tag (gtag.js) - Google Analytics