使用JS使用AJAX更改页面

时间:2011-08-22 12:05:20

标签: javascript ajax refresh

我有以下问题。我想在满足certian条件时将用户移动到另一个页面。例如,我有一个文本输入字段,用户输入一个URL。我想将用户移动到此网址,而不是他按任何类型的提交表单。我正在使用AJAX来实现这个目标。我有一个函数检查用户输入的模式,如果发现它是一个有效的URL,页面将更改为此URL。如果它不是有效的URL,则会写错误。

我有一个<div id='url'></div>,AJAX更新时会显示错误消息(在第一次加载时,在用户输入任何内容之前),此消息将继续,直到输入有效的URL为止。输入有效网址时,以下内容将写入此DIV:

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

这似乎不起作用。但如果我把页面更改代码而不是错误消息,它就可以了。

为什么输入有效的网址后它不起作用?

2 个答案:

答案 0 :(得分:1)

我认为没有必要使用AJAX,只需普通的javascript。当您发现输入的文本是有效网站并且您想要加载它时,只需直接使用window.location = "http://google.com"; // google.com is just an example - 无需将其插入文档中。

答案 1 :(得分:0)

为什么要将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
    }
  }
});