`

Ajax get/post请求

 
阅读更多
	$.get("json/countries.json",	// String
		{"key1":"value1","key2":"value2","key3":"第三个值"},	//data Map
		function(data, textStatus, xhr){
				console.log("success" + textStatus + "\n" + xhr.responseText);
				array = xhr.response;
		},	// success function callback		Function
		"json"
	);		// type	string 参数顺序不能乱

 

 

/*
	 参数:
	 url,[data],[callback],[type]		String,Map,Function,String
	 * */
	$.post("url",
		{"key1":"value1","key2":"value2","key3":"第三个值"},	//data Map
		function(data, textStatus, xhr){
				console.log("success" + textStatus + "\n" + xhr.responseText);
				array = xhr.response;
		},	// success function callback		Function
		"json"
	);

 

 

	$.ajax({
		type:"get",
		url:"json/countries.json",
		async:true,
		complete:function(xhr, textStatus){
			console.log("complete" + textStatus);
		},
		success:function(data, textStatus, xhr){
			console.log("success" + textStatus);
		},
		error:function(data, textStatus, xhr) {
		console.log("error" + textStatus);
		}
	});

 

 

	$.ajax("json/countries.json")
	.complete(function(xhr, textStatus) {
		console.log("complete" + textStatus);
	}).success(function(data, textStatus, xhr) {
		// 
		console.log("success" + textStatus);

	}).error(function(data, textStatus, xhr) {
		// 
		console.log("error" + textStatus);

	});

 

分享到:
评论

相关推荐

    html页面模式get/post请求

    对于POST请求,特别是当数据需要以JSON格式发送时,我们需要借助JavaScript,通常使用AJAX(Asynchronous JavaScript and XML)技术,通过XMLHttpRequest或Fetch API来实现。JSON是一种轻量级的数据交换格式,它的...

    Ajax中get和post区别

    "Ajax中Get和Post请求的区别" Ajax作为异步JavaScript和XML的简写,是一种创建交互式网页的技术。其中,Get和Post是两种常用的HTTP请求方法,尽管它们都是用于将数据从客户端发送到服务器端,但是它们之间存在着很...

    Ajax中get与post请求详解

    Ajax 中 get 与 post 请求的详细解释 Ajax 技术中 get 与 post 两种请求方式是许多开发者经常遇到的疑问,以下将详细解释两者的区别,并提供实例代码。 一、get 与 post 的基本区别 1. 参数传递方式:get 请求将...

    Ajax Get、Post请求

    POST请求没有GET请求的长度限制,因此可以传递更复杂的数据结构。以下是一个Ajax POST请求的例子: ```javascript var xhr = new XMLHttpRequest(); xhr.open('POST', 'https://example.com/api/data'); xhr....

    jQuery+get/post+Ajax+Json

    $.get用于发送GET请求,而$.post用于发送POST请求。它们都接受四个参数:URL、数据、回调函数和类型。例如,我们可以这样使用它们: ```javascript $.get('api.php', { key: 'value' }, function(response) { ...

    ajax POST 与GET提交的区别

    - 对于需要提交大量数据、涉及敏感信息或需要改变服务器状态的场景,推荐使用POST请求。 综上所述,GET和POST各有优缺点,在实际开发过程中应根据具体需求选择合适的方法。此外,在使用AJAX技术进行网络请求时,还...

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

    比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application/json;charset=utf-8", data: “requestTag=”+tag+"&content="+content, //请求参数 url: "po

    GO接收GET/POST参数及发送GET/POST请求的实例详解

    GET 和 POST 是我们最常用的两种请求方式,今天讲一讲如何在 golang 服务中,正确接收这两种请求的参数信息。 处理GET请求 1.1 接收GET请求 //接收GET请求 func Get(writer http.ResponseWriter , request *...

    AngularJS发送异步Get/Post请求方法

    本文将详细介绍如何使用AngularJS发送异步GET和POST请求。 首先,为了使用AngularJS,需要在HTML页面中引入AngularJS库,通常我们会从CDN或本地文件系统中加载。例如: ```html <script src="https://ajax.google...

    图书馆添加删除判断 ajax.get 请求 ajax.post响应 考试专用

    1. **图书添加**:在用户填写完图书信息并提交时,前端可以使用`$.ajax()`函数(jQuery库中的实现)或者原生JavaScript的`XMLHttpRequest`对象发起一个POST请求,将图书数据发送到后台服务器。服务器验证数据无误后...

    ajax get请求中文参数乱码解决

    4. 使用POST请求:如果仍然遇到困难,可以考虑改用POST请求,因为POST请求的数据通常不会被显示在URL中,而且处理编码问题相对简单。 在处理Ajax GET请求中文参数乱码时,关键是确保客户端和服务器端在编码和解码...

    服务端模拟ajax支持发起GETPOSTPUTDELETE请求

    POST请求用于向服务器发送数据,通常用于创建新的资源。在AJAX中,我们可以通过设置`XMLHttpRequest`的`send`方法参数或`fetch`的`body`选项来传递数据: ```javascript // 使用XMLHttpRequest var xhr = new ...

    ajax简易模型 兼容多个浏览器(ff ie ...) get post请求

    ajax简易模型 兼容多个浏览器(ff ie ...) get post请求

    Ajax的小封装 get,post请求

    在描述中提到了对Ajax的get请求的小封装,这意味着我们将会讨论如何用JavaScript来构建一个简易的Ajax GET请求函数,并可能涉及POST请求的实现。 ### 1. Ajax GET 请求小封装 GET请求是最常见的HTTP方法,用于从...

    ajax的get请求源码

    2. **设置请求类型和 URL**:通过调用 `open` 方法设置请求类型(GET 或 POST)和 URL。 3. **发送请求**:通过调用 `send` 方法发送请求。 4. **监听响应状态变化**:通过绑定 `onreadystatechange` 事件处理器来...

    Ajax请求详解

    ##### 2、POST请求 ```javascript $(function(){ $("input[type='button']").bind("click",function(){ /**Ajax的请求*/ $.ajax({ // 请求的路径 url: "user.jsp", // 是否异步 async: true, // 请求方式 ...

    jsp+ajax发送GET请求的方法.docx

    jsp+ajax 发送 GET 请求的方法 本文主要介绍了 jsp+ajax 发送 GET 请求的方法,包含了 Ajax 数据的发送与 JSP 文件的处理技巧。下面是详细的知识点: 一、Ajax 发送 GET 请求 Ajax 发送 GET 请求是通过创建 ...

    php+Ajax(GET&POST)完美实例

    2. Ajax的GET和POST请求实现。 3. 解决Ajax请求中文乱码问题。 4. PHP接收和发送JSON数据。 5. 结合MySQL数据库进行数据交互。 通过这个实例,开发者可以学习到如何创建一个能够动态获取和提交数据的Web应用,同时...

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

    `get()`和`post()`方法是jQuery提供的一对轻量级的Ajax接口,用于实现HTTP GET和POST请求。GET请求通常用于获取服务器上的数据,而POST请求则常用于向服务器提交数据。它们都接受四个参数: 1. **URL**:这是必须的...

Global site tag (gtag.js) - Google Analytics