jquery向后台请求的几种方式

//post请求,ajax请求

$.post('test/assign/checkPartApply', 'roleCode='+role+'&status='+aptatus+'&atStatus='+attachedStatus,
	    			 		function(data){
	    			 			if(data != "fail"){
						 			$.ajax({
										url : "${ctx}/assign/partApply",
										data : {
											'applyIds' : applyIds,
											'assign_id' : assign_id,
											'assign_name' : assign_name,
											'nodeCode' : role,
											'applyStatus' : applyStatus
										},
										type : "post",
										cache : false,
										success : function(data) {
											if (data == "success") {
												$.ligerDialog.alert('操作成功。','提示','success',function(yes){
													window.close();
													gridManager.loadData(true);
												});				
											} else {
												$.ligerDialog.alert(data, '提示','error');
											}
										}
									});
						 		}else{
						 			$.ligerDialog.alert('错误请重新选择!', '提示','error');
						 		}
	    			 		},"text");

//ajax请求

	$.ajax({
			 		   url:"https://www.test.com/org/rest/v2/applications/test",
			 		   cache:false,
			 		   type:"POST", //支持类型有post get head delete put trace opption patch
			 		   data:param,
			 		   contentType: "application/json",
			 		   dataType:"json",//预期服务器响应类型 支持类型有 xml json text html script
			 		   success:function(data){
			 			   alert(data);
			 		        if(data == 'success') {
			 		        	showMsg(true);
				 		    } else if(data == 'failure' || data == '' || data == undefined) {
				 		    	showMsg(false);
					 		} else {
					 			$('#customerPageloading').css("display","none");
						 		$.ligerDialog.error(data);
						 	}
			           }
			 	});	


//form表单提交 

第一种方式

<form name="uploadTemplate" method="post"  id="uploadTemplate" enctype="multipart/form-data" action="test/test1/test2">
 </form>

var url = $("#uploadTemplate").attr("action");
			                var options = {
										type:'post',
										async:false,
										url: url,
										success:function(data,textStatus){
										  $.ligerDialog.alert('成功 !','提示','success',function(yes){
										parent.$.ligerDialog.close();
										window.parent.location.reload();
																		});
										}
									};
							$("#uploadTemplate").ajaxSubmit(options);


 

第二种方式

<form method="post" action="url">
<input type="submit" value="提交" />
</form>


//第三种

<form action=""  id="pagerForm"   name="pagerForm">
</form>

var link = "test/upload/show/"+typeCode;
	 $("#pagerForm").attr(
				"action",
				link);
		$("#pagerForm").submit();



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: jQuery是一个流行的JavaScript库,它提供了简化HTML文档遍历、事件处理、动画和Ajax操作等操作的方法。Ajax是一种用于创建快速和动态网页的技术,它允许使用JavaScript和XMLHttpRequest对象在不重新加载整个页面的情况下向服务器发送请求和接收响应。 jQuery提供了几个用于Ajax操作的方法,包括$.ajax(),$.get(),$.post(),$.getJSON()等等。使用这些方法,可以轻松地通过JavaScript向服务器发送请求,接收和处理响应。 $.ajax()方法是最常用的Ajax方法之一,它可以通过多种参数进行配置以满足不同的需求。其中,url参数指定要访问的服务器端脚本的URL地址,type参数指定HTTP请求方法(如GET或POST),dataType参数指定响应数据的类型(如JSON或XML),success回调函数指定当请求成功时要执行的函数,error回调函数指定当请求失败时要执行的函数等等。 $.get()和$.post()方法是$.ajax()的简化版本,它们可以更轻松地进行GET和POST请求。$.getJSON()方法用于获取JSON数据,也是一个简化版本的$.ajax()。 通过使用jQueryAjax方法,可以在网页上创建交互性更强的用户体验,并可以轻松地与服务器端进行通信和数据交换。 ### 回答2: jQueryAjax是紧密相关的两个技术,都用于在网页中实现异步数据交互。 Ajax,全称为Asynchronous JavaScript and XML,是一种基于现有的Web标准的技术,通过在网页上使用JavaScript和XML,实现在不刷新整个页面的情况下与服务器进行数据交互。Ajax能够实现异步请求,即在后台与服务器进行数据交换的同时,不影响当前页面的展示。 而jQuery是一个JavaScript库,旨在简化JavaScript的开发,提供了一系列的方法和函数。其中包含了许多与Ajax相关的功能,使得使用Ajax变得更加简单和便捷。通过使用jQueryAjax相关方法,可以轻松实现异步数据交互。 具体来说,jQuery提供了几个与Ajax相关的重要方法和函数,如 `$.ajax()`、`$.get()`、`$.post()`等。通过这些方法,可以向服务器发送请求,并根据返回的数据进行相应的处理。此外,jQuery还提供了许多的回调函数,用于在Ajax请求成功、失败、完成等不同的阶段进行相应的操作。 通过结合使用jQueryAjax,开发者可以使用简洁的代码来实现实时数据的获取、显示和处理。相比于传统的同步请求,异步请求能够优化用户体验,提升网页的性能和响应速度。 总之,jQueryAjax是联系紧密的两个技术,其中jQuery提供了许多方便易用的方法和函数来简化Ajax的实现,使得开发者能够更加便捷地完成网页中的异步数据交互。 ### 回答3: jQuery是一个很流行的JavaScript库,它的目标是简化JavaScript编程。它提供了很多简洁易用的方法和函数,使得开发者可以更轻松地操作HTML文档、处理事件、制作动画效果等。而Ajax(Asynchronous JavaScript and XML)是一种用于在Web应用程序中实现异步通信的技术。它允许我们通过JavaScript与服务器进行数据交互,无需刷新整个页面。 jQueryAjax之间有着紧密的联系。首先,jQuery提供了简化Ajax的方法和函数,使得我们可以更简单地使用Ajax。例如,$.ajax()方法是jQuery中用于发起Ajax请求的主要方法,它可以通过一行代码来发送请求并处理响应。 其次,jQuery还提供了一些便捷的方法来处理Ajax中的一些常见任务。例如,$.get()和$.post()方法分别用于发送GET和POST请求,$.getJSON()方法则用于发送请求并返回JSON格式的数据。这些方法帮助我们简化了Ajax请求的代码,减少了开发的工作量。 除了简化Ajax的操作,jQuery还提供了用于处理Ajax响应的函数。例如,$.ajaxSuccess()和$.ajaxError()函数用于处理Ajax请求成功和失败时的回调函数。通过这些函数,我们可以方便地对Ajax请求的结果进行处理和显示。 总的来说,jQueryAjax密不可分,它提供了更简洁易用的方法和函数来简化Ajax的操作,同时也提供了用于处理Ajax响应的函数。这使得我们可以更方便地开发出功能丰富、流畅的Web应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值