导航:首页 > 编程语言 > 原生ajax获取json数据类型

原生ajax获取json数据类型

发布时间:2023-03-28 00:25:51

A. ajax获取json数据属性

JSONArray json = JSONArray.fromObject(models); //list集合数据转json
response.getWriter().println(json);//传到前台
//ajax
success: function(data){
var models = eval("("+data+")");
var rows="";
for(var i in models){
rows =rows + "<tr>"+
"<td>"+models[i].statDate+"</td>早蚂"+
"<td>"+models[i].endDate+"</td>"+
"慧睁扰<td>"+models[i].name+"</td>"+
"</tr>" ;
}
$("#show_table").append(rows);//添加到table
PS:这是Servlet的写法
$('#send').click(function () {
$.ajax({
type : "GET"前旦,
url : "a.php",
dataType : "jsonp",

B. 原生js ajax post请求怎麽获取json

获取到的是text类型的数据
所以需要使用原生的JSON.parse将字符串转为对象

C. Ajax怎么获取Json数据

$("a").click(function(){
$.ajax({
type:"get",
url:"test1.json",
dataType:"json",
success:function(response,status,xhr){
for(varpinresponse){
varli=$("<li>"+p+"</li>"),
arr=response[p];
varul=$("<ul>");
li.append(ul);
for(vari=0;i<arr.length;i++){
varlii=$("<li>");
varobj=arr[i];
for(varkinobj){
lii.append("<div>"+k+":"+obj[k]+"</div>");
}
ul.append(lii);
}
$("ul").append(li);
}
});
});
});

D. 用ajax时,如何在jsp页面获取json类型数据

把var json = eval(rangeValue);
换成eval("var json = " + rangeValue) ;

E. 使用原生的ajax如何去提交json格式的数据

//以post方式发送数据为例
function chuFa() { //html元素事件触发的函数
var myXMLHttpRequest = null;
if (window.ActiveXObject) {
myXMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} else {
myXMLHttpRequest = new XMLHttpRequest();
}
var url = "xxx.php";
var data = "key=val"; //val一般是从某个html元素中取出的value值
myXMLHttpRequest.open("post", url, true);
myXMLHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
myXMLHttpRequest.onreadystatechange = function(){
if (myXMLHttpRequest.readyState == 4 && myXMLHttpRequest.status == 200) {
var res = myXMLHttpRequest.responseText;
var jsonObj = eval("("+res+")");
//接下来就可以使用jsonObj这个json对象取出其中的属性值,做一些修改html元素value值等操作了。
}
}
myXMLHttpRequest.send(data);
}
</script

F. ajax怎么获取返回的json数据

首先要明白ajax的基本格式,参考下面的内容,可以发现,success是请求成功后服务器返回的数据,接收只需要把回调函数的值处理就可以了,如:

response:即为服务器返回的数据,例如:{"uid":123,"name":"jghdream"},

如下输出即可:

....
success:function(response){
console.log(response.uid);
console.log(response.name);
}
.....

以下是ajax的一些参数:

$.ajax({
type:'post',
url:'/testajax.php',
dataType:'json',
data:{uid:uid,rands:Math.random()},
success:function(){
alert('ajaxreturnsuccess');
}});

url,类型:String,默认值: 当前页地址。发送请求的地址

data,类型:String,发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'

dataType,类型:String,预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 javaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

"text": 返回纯文本字符串

success,当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。

G. asp如何获取ajax()提交的json数据

bytecount = Request.TotalBytes
bytes = Request.BinaryRead(bytecount)
Set stream = Server.CreateObject("ADODB.Stream")
stream.Type = 1 'adTypeBinary
stream.Open()
stream.Write(bytes)
stream.Position = 0
stream.Type = 2 'adTypeText
stream.Charset = "utf-8"
s = stream.ReadText() 'here is your json as a string
stream.Close()
Set stream = nothing
Response.write(s)
得到的s就是json格式的字符串,就象{"userid":"apple","password":"test123456"}
然后再利用其它工具可以将json字符串中的相关信息提取出来。这个网上有很多示例。

H. 如何通过ajax在前台获取json数据

看看这个。

$.ajax({
url:"http://www.sojson.com/json/",//您的请求地址
data:{"name":"张三"},//请求的数据,以json格式
dataType:"json",//返回的数据类型
type:"post",//默认为get
success:function(data){

//成功方法,返回值用data接收
},error:function(e){
//失败方法,错误信息用e接收
}
});

I. 使用原生的ajax如何去提交json格式的数据

直接通过参数传递过去
params : {
jsondata : jsondata
}
然后再action里再处理。关键你的json格式的数据是否裤谈有问题,
我是先定盯茄义一个数组,再胡则碰赋值,再把对象解析成字符串
var map = {};
map['SFZH']= sfzh;
……
var jsondata=JSON.stringify(map);

J. servlet怎么获取ajax传过来的json数据

1.原生AJAX代码
get请求:
//创建xhr,IE低版本不支持
var xhr = new XMLHttpRequest();
//servlet地址
var url="/Website01/index.view";
xhr.open("get", url, true);
//xhr处理事件,异步
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
//在这里进行相关处理,通过xhr.responseText获取后台反馈的文本
...
}
};
//xhr发送数据
xhr.send();

post请求:
post请求需注意要设置请求头(setRequestHeader)
xhr.setRequestHeader(“Content-type”, “application/json”);针对JSON数据
在xhr.send()中写需要发送的JSON数据,例如:
xhr.send(JSON.stringify(data));1

2.Servlet基础知识
Servlet是用Java编写的服务器端程序。其主要功能在于交互式地浏览和修改数据,生成动态Web内容。狭义的Servlet是指Java语言实现的一个接口,广义的Servlet是指任何实现了这个Servlet接口的类,一般情况下,人们将Servlet理解为后者。
Servlet运行于支持Java的应用服务器中(Tomcat)。从原理上讲,Servlet可以响应任何类型的请求,但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。
在Java中,新建Servlet类继承自HttpServlet,重写doGet方法处理get请求,重写doPost方法,处理post请求,通过
PrintWriter out = response.getWriter();通过out.write()输出数据到前台的xhr.responseText,通过out.println()输出页面。
3.Servlet处理请求
处理请求通过HttpServletRequest类型,Get请求时查询字符串直接编码在请求链接中,格式为url+”?key1=value1&key2=value2”,通过getParameter(“key1”)来获取值。
4.前后端传递JSON数据
前端传递JSON给Servlet
//程序片段,请求头不能少
xhr.setRequestHeader("Content-type", "application/json");
var data={"name":"Tom","age":20};
xhr.send(JSON.stringify(data));1234

后端接受前端传递的JSON数据
//读取请求传递过来的JSON格式数据,返回JSON字符串
private String readJSONData(HttpServletRequest request) {
StringBuffer json=new StringBuffer();
String lineString=null;
try {
BufferedReader reader=request.getReader();
while ((lineString=reader.readLine())!=null) {
json.append(lineString);
}
} catch (Exception e) {
System.out.println(e.toString());
}
return json.toString();
}

String json=readJSONData(request);
//将json字符串转为java对象
Gson gson=new Gson();
Person person=gson.fromJson(json, Person.class);

说明
Gson为google处理JSON格式数据的jar包,可将JSON字符串转换为对应的Java对象,也可将相应的Java对象序列化为JSON字符串。Person为定义的类,包含name和age字段。readJSONData函数将前端请求中的JSON数据转为java对象。
后端输出JSON到前端
//后端程序片段,传递json数据给前端
Person person=new Person("Tom",20);
Gson gson=new Gson();
String json=gson.toJson(person);
out.write(json);

//前端程序片段,通过ajax获取json数据
var xhr = new XMLHttpRequest();
var url="/Website01/index.view";
xhr.open("get", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
//获取后台传递过来的字符串并转换为json
var responseJson=JSON.parse(xhr.responseText);
var name=responseJson.name;
var age=responseJson.age;
}
};
xhr.send(null);

5.表单数据的处理
<form method="post" action="/Website01/index.view">
<label>Name:</label><input type="text" id="name1" name="name"><br>
<label>Age:</label><input type="number" id="age1" name="age"><br>
<input type="submit" id="submit" value="提交">
</form>12345

表单数据可以直接在form属性中定义请求方法和请求路径,在点击submit按钮后数据会直接提交并跳转。如上的表单,在点击按钮提交后,后台使用request.getParameter(“key”)获取数据,key值为input标签的name值,而非id值.,即通过以下代码获取表单提交的数据。
String name=request.getParameter("name");
String age=request.getParameter("age");12

以上。

阅读全文

与原生ajax获取json数据类型相关的资料

热点内容
u盘文件给删了 浏览:737
vuejsoauth2 浏览:78
2017微信支付日 浏览:81
机械臂编程如何开发 浏览:21
标书U盘PDF文件要不要签字 浏览:222
ps软件文件复制到d盘 浏览:148
一般工业固废招标文件内容 浏览:583
网站建设报价怎么算 浏览:66
三星a7000升级安卓502 浏览:486
word2010清除分隔符 浏览:781
乐视怎么切换网络 浏览:425
cad打印pdf文件名称与cad不一致 浏览:815
电气与可编程控制是什么 浏览:67
文件名中允许使用英文竖线吗 浏览:531
编程猫在哪里 浏览:775
win8共享文件夹访问权限 浏览:380
cad文件显示为只读不能保存怎么办 浏览:703
如何在系统里忘记网络 浏览:24
中小企业出口数据在哪里找 浏览:715
win8和xp传文件 浏览:75

友情链接