`

[JQuery]如何使用POST/GET

阅读更多

Post:

$(function(){
			
			var responseMsg = $('#responseMsg');
			responseMsg.html('');
			
			$('#loginBt').click(function(){
				var username = $('#username').val();
				var password = $('#password').val();
				var url = "login.do";
				$.post(url, {account:username,password:password}, function(data, status){
					console.log('data: ' + data)
					if(data.description == 'Success'){						
						var strFullPath=window.document.location.href; 												
						var strPath=window.document.location.pathname; 						
						var pos=strFullPath.indexOf(strPath); 						
						var prePath=strFullPath.substring(0,pos); 						
						var postPath=strPath.substring(0,strPath.substr(1).indexOf('/')+1);						
						window.location.href=prePath + postPath + '/page/home.html';											
						} else {						
							responseMsg.html('Invalid username or password');					
						}
				})
			})
		});

 

Get:

var url = "login.do?username="+username+"&password="+password;
				$.get(url, function(data, status){
					if(data.description == 'Success'){
						var strFullPath=window.document.location.href; 
						
						var strPath=window.document.location.pathname; 
						var pos=strFullPath.indexOf(strPath); 
						var prePath=strFullPath.substring(0,pos); 
						var postPath=strPath.substring(0,strPath.substr(1).indexOf('/')+1);
						window.location.href=prePath + postPath + '/page/home.html';
						
					} else {
						responseMsg.html('Invalid username or password');
					}
				})

 

 ajax post:

$.ajax({
		url : url,
		beforeSend : function(){
			ajaxLoading();
		},
		type : 'POST',
		data : {
			submit_time_from : submitTimeFrom,
			submit_time_to : submitTimeTo,
			corp_id : corpId,
		
		},
		success : function(data, status){
			ajaxLoadEnd();
			if(data == 'Please login first'){
				responseMsg.html(data);
				return;
			}
			
			var statusCode = data.code;
			if (statusCode == '0') {
				responseMsg.html(data.description);
			} else {
				responseMsg.html(data.description);
			}
		}
		
	});

 

function ajaxLoading(){
  $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");   
  $("<div class=\"datagrid-mask-msg\"></div>").html("Being handling, please wait...").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2});   
}   

function ajaxLoadEnd(){ 
   $(".datagrid-mask").remove();   
   $(".datagrid-mask-msg").remove();               
}

 

分享到:
评论

相关推荐

    jQuery+get/post+Ajax+Json

    标题"jQuery+get/post+Ajax+Json"揭示了这一技术组合如何在现代Web应用程序中实现高效的数据通信。 首先,jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互...

    简易后台服务post/get

    在Express框架中,我们可以使用`app.get()`和`app.post()`来定义GET和POST请求的处理器。 6. **服务器脚本**:`server.js`通常是Node.js应用的入口文件,它启动服务器并设置监听端口,同时可能包含了路由配置和...

    jQuery中的get()/post()方法

    本篇文章将深入探讨jQuery中的两个核心Ajax方法——`get()`和`post()`,它们用于与服务器进行异步数据交换,是Web开发中不可或缺的部分。 `get()`和`post()`方法是jQuery提供的一对轻量级的Ajax接口,用于实现...

    jquery由GET转成POST方法工具类

    3. **发起POST请求**:使用jQuery的`$.ajax`或简化的`$.post`方法发起POST请求。`$.ajax`允许更灵活的配置,而`$.post`则是一个简化的版本,适用于简单的POST请求。 ```javascript (function($) { $.fn.postSubmit...

    jquery异步调用post get方式

    `jQuery`提供了`$.ajax()`, `$.post()`, 和 `$.get()`等方法来实现异步请求。本文将深入探讨`jQuery`中的`POST`和`GET`异步调用方式。 1. **GET方式** `GET`是最常见的HTTP请求方法,通常用于获取资源。在jQuery中...

    jquery-get-post-load 方法

    jquery-get-post-load 方法

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    3. **AJAX请求**:使用jQuery的`$.ajax()`或`$.post()`,`$.get()`方法发起异步请求。例如,对于POST请求: ```javascript $.ajax({ type: 'POST', url: 'server_script.php', // PHP处理脚本路径 data: $('...

    jquery-3.5.1.rar

    jQuery的`$.ajax()`, `$.get()`, `$.post()`等方法简化了Ajax请求。例如,`$.get("url", function(data) {...})`将向指定URL发送GET请求,并在成功时执行回调函数。 7. **链式操作** jQuery的一大特性是链式操作...

    jQuery ajax、post、get、json格式传递数据例子

    本篇文章将深入探讨jQuery中的ajax、post、get方法以及如何使用json格式传递数据。 1. **jQuery的$.ajax()函数** `$.ajax()`是jQuery提供的核心Ajax功能,它可以实现异步数据交互。通过配置各种参数,可以灵活地...

    jquery1.7 API/jquery-1.7.1.min.js/jquery-1.7.1.js

    - **$.ajax() 更新**:在1.7版本中,jQuery引入了全新的`$.ajax()`方法,统一了所有异步请求,包括GET、POST等,提供了更加灵活的配置选项。 - **Deferred 对象**:1.7版本加强了对Promise接口的支持,引入了...

    jquery最全面的ajax例子 ajax post get load 应有尽有

    $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 序列化元素 、 jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    还有`$.get()`, `$.post()`等简化版的API,使得Ajax请求更为便捷。 6. **链式操作(Chaining)** jQuery的一个显著特点是链式操作,一个jQuery对象可以连续调用多个方法,这使得代码更加紧凑,如 `$("#element")....

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    最后,jQuery的Ajax功能简化了异步数据交互,.ajax()和.get()、.post()方法使得与服务器的数据通信更为便捷。 在JavaScript开发者的工作中,jQuery 3.5.1可以显著提升开发效率。它抽象了浏览器之间的差异,提供了...

    jQuery/Ajax/PHP/Json 的一个综合例子收藏

    在上述代码中,`url`参数定义了请求的目标PHP脚本,`type`指定请求类型(GET或POST),`dataType`指明我们期望服务器返回的数据类型是Json。 接下来,PHP在服务器端接收到请求后,可以进行数据处理,然后以Json格式...

    使用jQuery的ajax的post与get发送数据到指定url

    本篇文章将深入探讨如何使用jQuery的`ajax`方法中的`post`和`get`来向指定URL发送数据。 首先,让我们了解`GET`和`POST`这两种HTTP请求方法的基本概念。`GET`是最常见的请求方式,用于从服务器获取数据,通常显示在...

    jQuery-1.8.3(&2.1.4).min.js&jquery;.fileupload&jquery;.iframe-transport

    jQuery的核心功能包括选择器(如`$("#id")`、`$(".class")`)、DOM操作(如`.append()`、`.remove()`)、事件处理(`.click()`、`.hover()`)和Ajax交互(`.ajax()`, `.get()`, `.post()`)。这些功能使得JavaScript...

    jquery post get简单实例,php的

    在jQuery中,我们可以使用`$.ajax()`函数发起Ajax请求,或者使用其简化的版本`$.get()`和`$.post()`。以下是一些基本示例: ```javascript // GET请求 $.get('ajax_json.php', { key: 'value' }, function(response...

    Jquery AJAX POST与GET之间的区别详细介绍

    **jQuery AJAX 中的 POST 与 GET 请求的区别** 在 jQuery 的 AJAX 功能中,POST 和 GET 是两种最常见的 HTTP 请求方法,它们各自有其特定的用途和特性。以下是对这两种方法的详细对比: 1. **幂等性(Idempotency...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

Global site tag (gtag.js) - Google Analytics