我正在尝试进行AJAX调用,并且获得了成功(200)的响应,但是响应文本为空白。
我已经看过其他几个对此问题的回答,但似乎都没有。
<form id="status-code-form" v-on:submit="processStatusForm">
<input type="text" id="status-code-url" v-model="ajInput" />
<input type="submit" value="Submit">
</form>
<script type="text/javascript">
var appForm = new Vue({
el: '#status-code-form',
// our data
data: {
ajInput: ''
},
// our methods
methods: {
processStatusForm: function(e) {
e.preventDefault();
// start ajax
if (this.ajInput !== "") {
var newInputtedText = this.ajInput;
xhr = new XMLHttpRequest();
xhr.open('POST', './processes/check-url-code.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onload = function() {
if (xhr.status === 200 && xhr.readyState === 4) {
console.log("Response text was successfull" + xhr.responseText);
}
else if (xhr.status !== 200) {
alert('Request failed. Returned status of ' + xhr.status);
}
};
var data = {action: 'content_fetch', inputtedText: newInputtedText };
xhr.send('action=content_fetch&inputtedText=' + newInputtedText);
} // end if input was empty
} // end process form
} // end methods
});
</script>
在我的PHP文件中,这非常简单:
<?php
function content_fetch() {
echo "hello";
}
我认为响应文本等于“ hello”,但为空白。我刚收到“响应文本成功”的控制台日志。