我的html表单上的输入有问题。目前,我正在采取的输入,这是一个推特名称到一个Ajax函数,通过php从推特api调用推文。
问题是,如果输入是空的或输入不是一个有效的twitter帐户,它执行php调用twitter api和返回是一个错误消息。
如果twitter帐户不存在或输入为空,我如何停止Ajax功能?php端需要做些什么吗?
下面是输入的html:
<div id="topdiv">Input Twitter ID:
<input type="text" id="userid" onkeydown="if(event.keyCode===13) {document.getElementById('tweet-button').click();}">
<input type="submit" id="tweet-button" onclick="getStatusesX();" value="Get recent tweets">
<p id="tweetbox"></p>
</div>
接收输入并连接到php的脚本:
var intervalstop;
function getStatusesX() {
//trying to stop an empty input from executing but not working
if(input == ""){
alert("PLease enter a Twitter ID");
return false;
}
clearInterval(intervalstop);
var userID = document.getElementById("userid").value;
getStatuses(userID);
intervalstop = setInterval(function() {getStatuses(userID);}, 20000);
}
//Create a cross-browser XMLHttp Request object
function getXMLHttp() {
var xmlhttp;
if (window.ActiveXObject) {
XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
XMLHttp = new XMLHttpRequest();
} else {
alert("Your browser does not support XMLHTTP!");
}
return XMLHttp;
}
//function that searches for the tweets via php
function getStatuses(userID){
XMLHttp1 = getXMLHttp();
//var userID = document.getElementById("userid").value;
//ajax call to a php file that will extract the tweets
XMLHttp1.open( 'GET', 'TwitterGlimpsePHP.php?userid='+userID, true);
// Process the data when the ajax object changes its state
XMLHttp1.onreadystatechange = function() {
if( XMLHttp1.readyState == 4 ) {
if( XMLHttp1.status ==200 ) { //no problem has been detected
document.getElementById("tweetbox").innerHTML=XMLHttp1.responseText;
}
}
}
XMLHttp1.send(null);
}
input
在任何地方都没有定义。移动这一行:
var userID = document.getElementById("userid").value;
检查userID
是否为空:
function getStatusesX() {
var userID = document.getElementById("userid").value;
if(userID === ''){
alert("Please enter a Twitter ID");
return false;
}
clearInterval(intervalstop);
getStatuses(userID);
intervalstop = setInterval(function() {getStatuses(userID);}, 20000);
}
你正在检查input
,但你没有定义这个。检查userID而不是
function getStatusesX() {
clearInterval(intervalstop);
var userID = document.getElementById("userid").value;
//trying to stop an empty input from executing but not working
if(userID == ""){
alert("PLease enter a Twitter ID");
return false;
}
getStatuses(userID);
intervalstop = setInterval(function() {getStatuses(userID);}, 20000);
}
正如前面的响应所述,对于空输入情况,您正在检查一个未定义的变量。
至于检查输入是否是一个有效的twitter用户,它必须在服务器端完成。例如,您的"TwitterGlimpsePHP.php"脚本可能会执行此检查,如果用户无效,则返回一个特殊的http状态。你可以使用4XX的http状态,但我不确定哪个是最相关的(400可能是错误的请求)。
最后一个修改是将getStatutes函数更改为检查服务器响应:
//function that searches for the tweets via php
function getStatuses(userID){
XMLHttp1 = getXMLHttp();
//var userID = document.getElementById("userid").value;
//ajax call to a php file that will extract the tweets
XMLHttp1.open( 'GET', 'TwitterGlimpsePHP.php?userid='+userID, true);
// Process the data when the ajax object changes its state
XMLHttp1.onreadystatechange = function() {
if( XMLHttp1.readyState == 4 ) {
if( XMLHttp1.status ==200 ) { //no problem has been detected
document.getElementById("tweetbox").innerHTML=XMLHttp1.responseText;
} else if (XMLHttp1.status ==400 ) {
// The user was not valid. Stop refresh.
clearInterval(intervalstop);
}
}
}
XMLHttp1.send(null);
}
服务器端编辑:
您提供的服务器端脚本似乎没有检查twitter状态(我不是php专家,更多的java/.net开发,所以我可能是错的)。对于无效用户,twitter将给出不同的回答。例如,查看https://api.twitter.com/1/statuses/user_timeline/fdfsfsfsfsdf.xml,您将看到:
<errors>
<error code="34">Sorry, that page does not exist</error>
</errors>
你的php脚本将不得不检查这种类型的响应从twitter然后返回http状态。您可以看一下这个问题,了解如何设置http状态:设置响应状态码。我希望这些解释能对你有所帮助。