来自AJAX的回复文本为空白

时间:2019-05-18 13:47:49

标签: javascript php ajax

我正在尝试进行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”,但为空白。我刚收到“响应文本成功”的控制台日志。

0 个答案:

没有答案