Ajax传参数: Get/Post:
使用Ajax向服务器发送请求参数就可以向服务器“索取”不同的信息了,同一般的表格提交一样,用Ajax提交请求同样有GET与POST之分。
使用GET方法
使用GET方法想服务器床底参数的方法比较直接,就是将构建好的请求字符串添加到url后面。例如下面的示意代码:
var name = document.getElementById('username').value;
var gender = document.getElementById('gender').value;
url = 'process.php';
query = '?name=' + name + '&gender=' + gender;
url+=query;
最后构成的字符串形如:process.php?name=xxx&gender=yyy。
POST方法
使用POST方法提交的时候,url不需要改变,而请求的参数要作为send的参数。
1xmlhttp.open("post",url,true);
2//以下两行解决中文参数问题
3xmlhttp.setrequestheader("cache-control","no-cache");
4xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
5//传递参数
6xmlhttp.send("name="+name);
中文乱码:
今天在做项目时,需要用到Ajax,之前我在用GET方式传递中文参数时,只需要在后台程序中设置页面编码为GB2312即中文能正常显示,可是这次由于表单项目较多,不适合用GET方式传递,只能用POST方式,但发现后台程序中设置编码为GB2312时中文还是显示的乱码。经过一番研究问题才最终得到解决。
解决此问题的方法非常简单,只需要在JS处理参数时用escape()函数处理一下即可,而且不需要再用unescape()解码,这个方法适合POST和GET方式,具体的Ajax代码这里我不例出,这里给出用escape()函数处理参数时的代码:
var htmer ="getcode="+escape(getcode)+"&Content="+escape(Content); //通常我们在处理Ajax的时候会在这里直接获取参数的值,为了使中文参数不是乱码,我们只需要用escape()函数对参数处理下即可。
分享到:
相关推荐
弃用了struts,用spring mvc框架做了几个项目,感觉都不错,而且使用了注解方式,可以省掉一大堆配置文件。本文主要介绍使用注解方式配置的spring mvc,之前写的spring3.0 mvc和rest小例子没有介绍到数据层的内容,...
- 获取商品参数区和价格等数据 API:/api/goods/getinfo/:id - 请求方式:GET - 参数 id 是商品主键,返回商品的参数、价格和标题等信息。 在使用这些 API 时,前端开发者需要通过 AJAX 请求(如 axios 或 fetch...
### AJAX POST 与 GET 提交的区别详解 #### 一、GET与POST基本概念及应用场景 在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到...
查了很多资料都说,get方法的参数是有限制的,post方法的参数的长度是无限制,这也是post相比get的优势一直。 在ajax中使用post方法,用常规的参数格式:param1=a1¶m2=a2 ,当参数长度过长时,依然提交不成功。...
在这个场景中,我们探讨的主题是如何利用HTML页面来模拟GET和POST请求,尤其是处理POST请求时如何以JSON(JavaScript Object Notation)格式传递参数。这在前端开发、网页表单提交以及API测试中是非常常见且重要的...
在jQuery中,可以使用`$.ajax()`或`$.getJSON()`方法来实现。在Autocomplete的上下文中,我们通常会在用户输入达到一定长度(如3个字符)时,通过AJAX请求获取匹配的JSON数据: ```javascript $("#inputField")....
通过配置各种参数,可以灵活地控制请求的类型(GET或POST)、数据格式(如JSON、XML等)以及请求成功或失败后的回调函数。例如: ```javascript $.ajax({ url: 'http://example.com/api/data', type: 'POST', ...
jQuery的Ajax方法提供了一个统一的接口来处理所有类型的Ajax请求,包括GET、POST、PUT和DELETE等。在上述示例中,我们使用了$.ajax方法,设置type为'POST',data为JSON对象,dataType为'json',以发送JSON数据到...
"Ajax中Get和Post请求的区别" Ajax作为异步JavaScript和XML的简写,是一种创建交互式网页的技术。其中,Get和Post是两种常用的HTTP请求方法,尽管它们都是用于将数据从客户端发送到服务器端,但是它们之间存在着很...
本案例将探讨如何通过AJAX向本地服务器发起GET和POST请求,以获取或交互JSON数据。 首先,我们需要理解AJAX的基本结构。AJAX的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行通信。以下是一个简单...
在这个教程中,我们将深入探讨AJAX的GET和POST提交方式,以及它们在实现用户名搜索功能时的区别,同时也会解决可能出现的中文乱码问题和缓存问题。 首先,GET和POST是HTTP协议中的两种主要请求方法,它们在AJAX中...
在进行Web开发时,我们经常会遇到Ajax GET请求发送中文参数时出现乱码的问题。这个问题主要源于HTTP协议在处理非ASCII字符时的编码不一致。在本文中,我们将深入探讨这个问题,以及如何通过不同的方法来解决它。 ...
http://wenku.baidu.com/view/3d2b01a93169a4517723a3f3.html Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结 http://zhuanlan.zhihu.com/FrontendMagazine/19854868 基于单个 Div 的 CSS 绘图 ...
本文将详细讲解如何使用Ajax以GET和POST方式调用WCF服务,包括带参数和不带参数的情况。 首先,我们需要理解Ajax的基本原理。Ajax通过JavaScript创建XMLHttpRequest对象,然后利用这个对象与服务器进行异步通信。...
Ajax 中 get 与 post 请求的详细解释 Ajax 技术中 get 与 post 两种请求方式是许多开发者经常遇到的疑问,以下将详细解释两者的区别,并提供实例代码。 一、get 与 post 的基本区别 1. 参数传递方式:get 请求将...
在AJAX中,我们可以通过设置`XMLHttpRequest`的`send`方法参数或`fetch`的`body`选项来传递数据: ```javascript // 使用XMLHttpRequest var xhr = new XMLHttpRequest(); xhr.open('POST', '...
在Ajax中,主要使用的请求方式有两种:GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一,主要用于获取服务器上的资源。在Ajax中,使用GET请求时,请求的数据会被附加到URL后面,以问号分隔,形成一个...
而Jquery库提供了一系列封装好的Ajax函数,如$.get(), $.post(), $.ajax(), 和$.getJSON(),这些函数简化了前端开发者与后端数据交互的过程。 ### 1. $.get() `$.get()`函数是最简单的一种异步请求方式,它发送一...
第三种方式实现ajax异步刷新--post 4.需求4: 第四种方式实现ajax异步刷新--getJSON 5.需求5: 第五种 使用jquery发送Ajax请求 html 实现html类型传递数据的步骤: 1.管理员登录成功直接进入管理员list.jsp页面,...