{"readyState":4,"status":200,"statusText":"success"}
时间: 2023-10-11 16:05:23 浏览: 45
返回的结果{"readyState":4,"status":200,"statusText":"success"}表示请求已成功完成,状态码为200,状态信息为"success"。这个结果通常是通过Ajax请求后台返回的结果。在这个例子中,前端使用了$.ajax()方法来发送一个POST请求,并且指定了数据格式为JSON。根据引用中的代码,可以看出这个请求是跨域请求,因为dataType设置为"jsonp"。而问题中提到的报错信息是由于返回的数据不是正确的jsonp格式或者同一个webservice中处理多个jsonp请求,且jsonpCallback都缺省导致的。为了正确获取带有callback方法名的jsonp对象,建议尽量不要省略jsonpCallback参数。
相关问题
java jsonp {"readyState":4,"status":200,"statusText":"success"}
"java jsonp {"readyState":4,"status":200,"statusText":"success"}"是一段包含readyState、status、statusText等属性的JSONP数据。它表示一个AJAX请求成功返回并且响应状态码为200。其中,readyState表示请求的状态,status表示响应的状态码,statusText表示响应的状态文本。JSONP是一种用于跨域请求的数据格式,通过动态创建script标签实现数据的获取与解析。如果返回的数据不是正确的JSONP格式,或者缺省了jsonpCallback参数,可能会导致无法正确获取数据。
用完整代码演示,用eclipse做一个网页,并实现跨域,输入车牌号,点击查询,显示停车时间和金额。接口post如下https://10.198.8;body如下{ "parkSyscode": "998ab", "plateNo": "桂FEW261" };接口参数如下[ { "description": "", "field_type": "String", "is_checked": 1, "key": "Accept", "value": "/", "not_null": 1, "type": "Text" }, { "description": "", "field_type": "String", "is_checked": 1, "key": "Content-Type", "value": "application/json", "not_null": 1, "type": "Text" }, { "description": "", "field_type": "String", "is_checked": 1, "key": "x-ca-key", "value": "298", "not_null": 1, "type": "Text" }, { "description": "", "field_type": "String", "is_checked": 1, "key": "x-ca-signature-headers", "value": "x-ca-key", "not_null": 1, "type": "Text" }, { "description": "", "field_type": "String", "is_checked": 1, "key": "x-ca-signature", "value": "RcPInv+", "not_null": 1, "type": "Text" } ];接口返回如下{ "code": "0", "msg": "success!", "data": { "plateNo": "粤AAM6161", "cardNo": "", "parkTime": 221302, "calcType": 0, "supposeCost": "184350.00", "deduceCost": "0.00", "paidCost": "0.00", "totalCost": "184350.00", "couponCode": null, "isUsedCoupon": 0, "couponUsedMsg": null, "delayTime": 30, "currentDeduceCost": "0.00" } }
以下是一个使用Eclipse创建的完整网页,并实现跨域请求的示例代码:
index.html:
```html
<!DOCTYPE html>
<html>
<head>
<title>停车查询</title>
<script src="script.js"></script>
</head>
<body>
<h1>停车查询</h1>
<label for="plateNoInput">车牌号:</label>
<input type="text" id="plateNoInput" />
<button id="queryButton">查询</button>
<div id="resultDiv"></div>
</body>
</html>
```
script.js:
```javascript
document.addEventListener('DOMContentLoaded', function() {
var queryButton = document.getElementById('queryButton');
var resultDiv = document.getElementById('resultDiv');
queryButton.addEventListener('click', function() {
var plateNoInput = document.getElementById('plateNoInput');
var plateNo = plateNoInput.value;
var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://10.198.8');
xhr.setRequestHeader('Accept', '*/*');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.setRequestHeader('x-ca-key', '298');
xhr.setRequestHeader('x-ca-signature-headers', 'x-ca-key');
xhr.setRequestHeader('x-ca-signature', 'RcPInv+');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
displayResult(response.data);
} else {
resultDiv.innerHTML = '请求失败:' + xhr.statusText;
}
}
};
var requestBody = {
parkSyscode: '998ab',
plateNo: plateNo
};
xhr.send(JSON.stringify(requestBody));
});
function displayResult(data) {
resultDiv.innerHTML = '停车时间:' + data.parkTime + '秒<br>' +
'金额:' + data.totalCost;
}
});
```
请将以上代码分别保存为`index.html`和`script.js`,并将两个文件放置在同一个目录下。
然后,在Eclipse中创建一个Dynamic Web Project,将上述文件添加到项目的WebContent文件夹中。
配置好本地服务器(如Tomcat),启动服务器并在浏览器中打开页面(例如http://localhost:8080/你的项目名/index.html)。
现在你应该可以在网页中输入车牌号,点击查询按钮,然后显示停车时间和金额了。记得替换请求中的接口URL为实际的接口URL,并根据接口返回的数据结构进行相应的解析和显示。