gpt4 book ai didi

javascript - Javascript 中的 jQuery POST 显示错误

转载 作者:行者123 更新时间:2023-11-28 10:54:49 24 4
gpt4 key购买 nike

这段代码工作正常。但我想让它成为一个函数并且更通用。所以我在下一个代码中再次尝试。但这根本不起作用。请参阅我的下一个代码:

<html>

<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>

<body>

<h2>Create Sensor</h2>

<form id="form">
<form enctype='application/json'>
<input name='version' value='1.0.1'>
<input name='sensors_sensor' value=''>
<input name='sensors_name' value=''>
<input name='sensors_type' value=''>
<br>
<input id="input" type="submit" name="submit" value="Create Sensor" />
</form>
<script>
$(document).ready(function() {
$('#input').click(function() {
var fromData = {
"version": $('input[name=version]').val(),
"sensors": [{
"sensor": $('input[name=sensors_name]').val(),
"output": [{
"name": $('input[name=sensors_name]').val(),
"type": $('input[name=sensors_type]').val()
}]
}],

};

var fromDatan = JSON.stringify(fromData);
alert(fromDatan);
$.ajax({
url: "abc.com",
headers: {
"x-api-key": "abcd=",
"content-type": "application/json"
},
type: "POST",
data: fromDatan,

success: function(fromData, status, jqXHR) {
alert(JSON.stringify(fromData));
},

error: function(jqXHR, status) {
alert(JSON.stringify(jqXHR));
}
});
return false;
});
});
</script>
</body>

</html>

这不起作用:

<html>

<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>

<body>

<h2>Create Sensor</h2>

<form id="form">
<form enctype='application/json'>
<input name='version' value='1.0.1'>
<input name='sensors_sensor' value=''>
<input name='sensors_name' value=''>
<input name='sensors_type' value=''>
<br>

<button onclick="postSOS();">Create</button>
</form>
<script>

function postSOS() {
postSEN();
}



function postSEN() {

// $('#input').click(function() {
var fromData = {
"version": $('input[name=version]').val(),
"sensors": [{
"sensor": $('input[name=sensors_name]').val(),
"output": [{
"name": $('input[name=sensors_name]').val(),
"type": $('input[name=sensors_type]').val()
}]
}],

};

var fromDatan = JSON.stringify(fromData);
alert(fromDatan);
$.ajax({
url: "abc.com",
headers: {
"x-api-key": "abcd=",
"content-type": "application/json"
},
type: "POST",
data: fromDatan,

success: function(fromData, status, jqXHR) {
alert(JSON.stringify(fromData));
},

error: function(jqXHR, status) {
alert(JSON.stringify(jqXHR));
}
});
return false;
//});
}
</script>
</body>

</html>

第二段代码有什么问题?

最佳答案

您可以将整个 ajax 代码放入一个函数中,并在单击按钮时调用该函数。执行http://jsfiddle.net/xmkn3mu4/1 ,打开一个带有 abc.com 源代码的警报。

$(document).ready(function () {

$('button').click(function(){
request();
});
});


function request() {

var fromData = {
"version": $('input[name=version]').val(),
"sensors": [{
"sensor": $('input[name=sensors_name]').val(),
"output": [{
"name": $('input[name=sensors_name]').val(),
"type": $('input[name=sensors_type]').val()
}]
}],
};

var fromDatan = JSON.stringify(fromData);
alert(fromDatan);
$.ajax({
url: "abc.com",
headers: {
"x-api-key": "abcd=",
"content-type": "application/json"
},
type: "POST",
data: fromDatan,

success: function (fromData, status, jqXHR) {
alert(JSON.stringify(fromData));
},

error: function (jqXHR, status) {
alert(JSON.stringify(jqXHR));
}
});
return false;

};

关于javascript - Javascript 中的 jQuery POST 显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25302474/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com