Javascript 使用JS使用AJAX更改页面

Javascript 使用JS使用AJAX更改页面,javascript,ajax,refresh,Javascript,Ajax,Refresh,我有以下问题。我想在满足认证条件时将用户移动到另一个页面。例如,我有一个文本输入字段,用户在其中输入URL。我想将用户移动到此url,而无需他按任何类型的提交表单。我正在使用AJAX来实现这一点。我有一个功能,检查用户输入的模式,如果发现它是一个有效的url,页面将更改为该url。如果它不是一个有效的url,它将写入错误 我有一个,AJAX会更新错误消息(在第一次加载时,在用户输入任何内容之前),此消息会一直持续,直到输入了有效的url为止。输入有效url后,以下内容将写入此DIV: <s

我有以下问题。我想在满足认证条件时将用户移动到另一个页面。例如,我有一个文本输入字段,用户在其中输入URL。我想将用户移动到此url,而无需他按任何类型的提交表单。我正在使用AJAX来实现这一点。我有一个功能,检查用户输入的模式,如果发现它是一个有效的url,页面将更改为该url。如果它不是一个有效的url,它将写入错误

我有一个
,AJAX会更新错误消息(在第一次加载时,在用户输入任何内容之前),此消息会一直持续,直到输入了有效的url为止。输入有效url后,以下内容将写入此DIV:

<script type="text/javascript">
window.location.href="http://google.com";   // google.com is just an example
</script>

window.location.href=”http://google.com";   // google.com就是一个例子
这似乎不起作用。但是,如果我把页面更改代码而不是错误消息,它是工作的


为什么输入了有效的URL后它就不工作了?

我认为没有必要使用AJAX,只需要普通的javascript。当您发现输入的文本是一个有效的网站并希望加载它时,只需使用
window.location=”http://google.com";   // google.com只是一个直接的示例
,无需将其插入文档。

为什么要将JS写入DIV而不是只调用window.location.href=”http://google.com"; ?

比如说

$.ajax({
  url: 'answercheck.php',
  success: function( data ) {
    if (data=="correct"){
      window.location.href="http://google.com";
    }
    else
    {
        //show error message
    }
  }
});

应该是这样的,对不起,您在这里是如何使用Ajax的?它有什么作用?我认为没有理由使用Ajax(如果您使用它的话)。为什么不直接更改
位置
?@felixkling当输入表单发生更改时,AJAX正在工作。例如,如果您键入“bla”,它会写“bla不是有效的URL”,这非常有效。但如果输入“”,则会标识URL并写入:window.location.href=“”;但什么也没发生。如果我删除URL模式检查,您写“bla”,它会写window.location.href=“bla”;然后将您转移到这个url(当然,浏览器找不到它…)“它标识url并写入:”部分就是您遇到问题的地方。只需执行window.location更改,不要在文档中写入任何内容。我知道这里不需要AJAX,我现在正在学习AJAX,这只是为了练习。稍后我将需要在类似于我正在工作的项目上使用它,这是一个小示例来说明它