我正在尝试使用jquery在网页上的文本字段内获取GET请求的响应。当前，我具有以下代码，可以使用这些代码在控制台上获得响应。
$(document).on('click', '#get-button', function(e) {
e.preventDefault();
$.ajax({
type: "GET",
url: $("#url").val(),
data: '',
success: function(response, textStatus, XMLHttpRequest) {
console.log(response);
}
});
return false;
});
$(document).on('click', '#post-button', function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: $("#url").val(),
data: $("#json-data").serialize(),
success: function(response, textStatus, XMLHttpRequest) {
console.log(response);
}
});
return false;
});
以下是我要适合响应（JSON）格式的HTML代码的一部分。
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel panel-danger">
<div class="panel-heading">JSON Response</div>
<div class="panel-body text-danger">
<textarea class="form-control" rows="8" placeholder="server response"></textarea>
</div>
</div>
</div>
</div>
。
$(document).ready(function(){
$('#get-button').on('click', function(e) {
e.preventDefault();
$.ajax({
type: "GET",
url: $("#url").val(),
success: function(response) {
console.log(response);
$('.form-control').val(response); // personally I would give your textbox an ID
}
});
return false;
});
$('#post-button').on('click', function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: $("#url").val(),
data: $("#json-data").serialize(),
success: function(response) {
console.log(response);
$('.form-control').val(response);
}
});
return false;
});
})
如果您的网址正确，则可以使用。
只需记住，获得响应后，您将获得一个JSON对象，您将必须使用JSON.stringify（）将其转换为String。
我会尽力解释。在Javascript中，我们有对象和简单类型（布尔，字符串，浮点型等）。当我们想打印一个简单的类型时，我们只是看到它的价值。但是当我们要显示一个对象时，JS引擎会出现问题，因为每个对象可能非常大，非常复杂。这就是为什么在打印对象或JSON（女巫是对象）时得到[Object]的原因。Luckilly JSON如此流行，以至于JS具有将String序列化为JSON（JSON.parse（someString））和其他方式（JSON.stringify（JSONObject））的默认方法。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句