如何使用jquery或javascript导航到另一个文件?

时间:2014-01-08 09:29:47

标签: javascript jquery html

我的代码如下所示

<div id="content">
<h1>SITE INFORMATION!</h1>
<div id="taskList"></div>
<label for="taskName">Enter a site name:</label>
<input type="text" id="taskName"></input>
<label id="error" style="display:none"></label>
<label for="taskName">Enter a site no:</label>
<input type="text" id="taskName"></input>
<label id="error" style="display:none"></label>
<input type="submit" id="submit" value="Submit" data-theme="b"></input>
<button type="next" onclick="go()">next</button>
<script> 
    function go(){
        // Some code  
    } 
 </script> 
 </div>

但问题是单击下一个按钮我需要显示位于我的系统文件夹中的另一个文件(可能是.vm文件)。 该文件将在我的本地系统中,当我通过浏览器访问上述页面时,需要显示该文件。

请你帮我解决这个问题

4 个答案:

答案 0 :(得分:2)

你不需要jQuery,简单的window.location code会这样做,例如:

window.location.href = myUrl;

window.location.href = "/somewhere/else";

答案 1 :(得分:1)

定义“系统文件夹”?

从技术上讲,您可以使用onclick="window.location.href='/path/to/some/file'"执行此操作,但如果您尝试访问的文件高于您的网络根目录,则无法使用。

答案 2 :(得分:0)

如果您需要将此页面中请求的信息发送到下一页,最简单的方法是使用传统的HTML表单:

<form method="POST" action="./next.html">
  <label for="taskName">Enter a site name:</label>
  <input type="text" id="taskName"></input>
  <label id="error" style="display:none"></label>
  <label for="taskName">Enter a site no:</label>
  <input type="text" id="taskName"></input>
  <label id="error" style="display:none"></label>
  <input type="submit" id="submit" value="Submit" data-theme="b"></input>
  <input type="submit" name="submit" />
</form>

请注意,您的<button type="next" />现在<input type="submit" />希望它有所帮助。

答案 3 :(得分:0)

您可以使用jQuery load:

$( 'target' ).load( "you_file_path", function() {
    alert( "Load was performed." );
});