`

ajax GET POST 异同

    博客分类:
  • ajax
阅读更多
javascript本身都是unicode编码的
ajax都是utf-8编码的

1 GET
var key = $("#key").val();
		var value = $("#value").val();
		var postStr = "key=" + encodeURIComponent(key) + "&value=" + encodeURIComponent(value);
		var xmlhttp_request = new XMLHttpRequest();
		xmlhttp_request.open('GET', '${ctx}/AjaxServlet?'+postStr, true);
		//xmlhttp_request.send(postStr);
		xmlhttp_request.send(null);//请求体为空
		xmlhttp_request.onreadystatechange = function() {
			if (xmlhttp_request.readyState == 4
					&& xmlhttp_request.status == 200) {
				var res = xmlhttp_request.responseText;
				alert(eval("(")+res+")");
			}
		}


2 POST
var key = $("#key").val();
		var value = $("#value").val();
		var postStr = "key=" + encodeURIComponent(key) + "&value=" + encodeURIComponent(value);
		var xmlhttp_request = new XMLHttpRequest();
		xmlhttp_request.open('POST', '${ctx}/AjaxServlet', true);
		xmlhttp_request.setRequestHeader("Content-Type",
				"application/x-www-form-urlencoded");
		xmlhttp_request.send(postStr);//传送请求体
		xmlhttp_request.onreadystatechange = function() {
			if (xmlhttp_request.readyState == 4
					&& xmlhttp_request.status == 200) {
				var res = xmlhttp_request.responseText;
				alert(eval("(")+res+")");
			}
		}


GET是一定要进行编码的
encodeURIComponent(key)
POST 貌似不需要
分享到:
评论

相关推荐

    ajax电子教程ajax电子教程.zip

    1. **jQuery与Ajax**:讲解如何利用jQuery库简化Ajax操作,利用$.ajax()、$.get()和$.post()等函数进行异步请求。 2. **Ajax与前端框架**:介绍如何在React、Vue或Angular等现代前端框架中集成和使用Ajax。 3. **...

    jquery_ajax.rar

    jQuery还提供了$.get()、$.post()、$.getJSON()等简化版的AJAX方法,适用于快速开发。例如: ```javascript $.get('url', {key: value}, function(data, status) {}, 'dataType'); $.post('url', {key: value}, ...

    200 PHP sample codeing非常好的PHP学习资料

    4. **表单处理**:POST和GET方法的使用,表单验证,提交后的数据处理。 5. **数据库交互**:使用MySQLi或PDO连接数据库,执行SQL查询,处理结果集。 6. **会话管理**:session_start(),$_SESSION变量,会话存储与...

    笔试题(JavaEE).doc

    9. jQuery的ajax处理方法:$.get()和$.post()分别对应GET和POST请求,$.getJSON()用于获取JSON格式数据。 10. JSON的语法规则:JSON是一种轻量级的数据交换格式,基于JavaScript语法,但更有限制,如key必须是字符...

    prototype.chm+jquery详解

    5. **Ajax**:jQuery的$.ajax和$.get、$.post等函数简化了Ajax请求。 6. **插件生态**:jQuery拥有庞大的插件生态系统,几乎可以满足所有前端开发需求。 **Prototype与jQuery的对比** 1. **易用性**:jQuery以其...

    SOAP webserivce 和 RESTful webservice 对比及区别

    RESTful Web服务将资源作为核心,每个资源都有一个唯一的URI(统一资源标识符),并使用HTTP方法(GET、POST、PUT、DELETE)来表示资源的操作。这种方式简化了服务接口,降低了通信复杂性,提高了性能和可伸缩性。...

    java 的面试试题

    - **getMethod()**:获取请求方法(GET、POST等)。 - **getParameter()**:获取请求参数的值。 - **getParameterNames()**:获取请求参数名称的枚举。 - **getParameterValues()**:获取指定名称的所有参数值。 - *...

    jQuery-Lerning.zip_Jquery 基础教程_javascript 教程_jquery_web前端

    5. **Ajax交互**:jQuery的`$.ajax()`, `$.get()`, `$.post()`等函数简化了异步数据请求。`$.getJSON()`和`$.load()`则专门用于获取JSON数据和加载HTML片段。 6. **插件使用**:jQuery拥有丰富的插件生态系统,如...

    锋利的jQuery第二版pdf+源码

    5. **AJAX**:jQuery的`$.ajax()`和`$.get()`、`$.post()`等函数简化了异步数据请求和处理。 6. **插件系统**:jQuery生态系统中有大量的插件,扩展了其功能,如轮播图、表单验证、日期选择器等。 《锋利的jQuery第...

    JavaScript实例教程

    - XMLHttpRequest对象的使用,发送GET和POST请求。 - Promise和async/await用于异步处理。 7. **ES6新特性** - 箭头函数:简洁的函数定义方式。 - 类与继承:模拟面向对象编程。 - 模块化:import和export。 ...

    JavaServer Faces 2.0完全参考手册(JSF2.0中文版) 1/2

    使用用户界面组件模型和JSF事件模型,包括支持可添加书签的页面以及POST、REDIRECT、GET模式。使用为模型数据验证设立的新的JSR-303bean验证标准。创建可以使用Ajax的定制用户界面组件。使用定制的非用户界面组件来...

    xml-xslt-jquery

    - AJAX请求,如`$.ajax()`, `$.get()`, `$.post()`等方法。 - 插件的使用和开发,扩展jQuery功能。 4. 结合XML、XSLT和jQuery的实际应用: - 使用jQuery从XML文件中获取数据并动态展示。 - 通过XSLT转换XML数据...

    JavaServer Faces 2.0完全参考手册(JSF2.0中文版).part1

    使用用户界面组件模型和JSF事件模型,包括支持可添加书签的页面以及POST、REDIRECT、GET模式。使用为模型数据验证设立的新的JSR-303bean验证标准。创建可以使用Ajax的定制用户界面组件。使用定制的非用户界面组件来...

    Java全阶段综合笔试面试题(含答案).docx

    54. **synchronized和java.util.concurrent.locks.Lock的异同** - `synchronized`是内置关键字实现的锁。 - `Lock`是接口,提供了比`synchronized`更灵活的锁操作。 55. **多线程有几种实现方法,都是什么?同步的...

    mvc-practice

    8. **RESTful API**:如果项目连接到后端服务器,理解如何使用HTTP方法(GET、POST、PUT、DELETE等)与服务器进行通信。 9. **测试和调试**:编写单元测试和集成测试,以及使用浏览器开发者工具进行问题排查。 ...

    最新Java面试大全

    - **使用HTTP请求**:发送GET或POST请求。 - **使用Ajax**:异步JavaScript和XML技术,实现局部刷新。 - **WebSocket**:实现全双工通信。 #### 23. 逻辑操作与条件操作的区别 - **逻辑操作**:如&、|,短路与非...

    最新Java面试宝典pdf版

    2、HTTP请求的GET与POST方式的区别 85 3、解释一下什么是servlet; 85 4、说一说Servlet的生命周期? 86 5、Servlet的基本架构 86 6、SERVLET API中forward() 与redirect()的区别? 86 7、什么情况下调用doGet()和...

    JAVA面试宝典2010

    2、HTTP请求的GET与POST方式的区别 85 3、解释一下什么是servlet; 85 4、说一说Servlet的生命周期? 86 5、Servlet的基本架构 86 6、SERVLET API中forward() 与redirect()的区别? 86 7、什么情况下调用doGet()和...

    Java面试宝典-经典

    2、HTTP请求的GET与POST方式的区别 85 3、解释一下什么是servlet; 85 4、说一说Servlet的生命周期? 86 5、Servlet的基本架构 86 6、SERVLET API中forward() 与redirect()的区别? 86 7、什么情况下调用doGet()和...

Global site tag (gtag.js) - Google Analytics