我的 html 表单中有一个按钮。当我在 textfield 中输入值时，会执行后台操作并将数据发送到服务器。但是由于此按钮已经有一个事件（提交），我该怎么做后台操作完成后打开一个新页面？
这是按钮。
<a href="#" id="submit" data-role="button" data-inline="true"> Submit</a>
在我的javascript中我有这个功能
$(document).ready( function() {
$("#submit").bind('click', function(event){
doSomeBackgroundStuff();
});
这是从Page A 发生的，我希望Page B 在doSomeBackgroundStuff() 完成后打开。
【问题讨论】：
标签： javascript jquery
因为这个按钮已经有一个事件（提交）
使用 preventDefault 或返回 false：
$(document).ready( function() {
$("#submit").bind('click', function(event){
event.preventDefault(); //or just use : return false; at last
doSomeBackgroundStuff();
});
【讨论】：
javascript打开Page B？
submit 按钮打不开Page A，它是那个页面中的一个按钮。
您有几个选择。
首先，使用您已有的内容，您可以为绑定事件使用回调函数，并添加 window.open 以加载新页面，然后简单地传入一个 url，或对其进行硬编码。
你的 jquery 看起来像：
$(document).ready( function() {
$("#submit").bind('click', function(event){
//fire AJAX request
doSomeBackgroundStuff();
},function(){//call back function
window.open('http://www.yourURL.com');
});//end bind
});//end doc ready
这里是 window.open 的进一步阅读 - How to open a new HTML page using jQuery?
第二种选择是使用 AJAX。您将为新页面设置 AJAX 请求，并使用 $.ajaxSend 和 $.ajaxComplete 在请求之前和之后触发函数。
你的 jquery 看起来像：
//on button click
$('#submit').click(function(){
doSomeBackgroundStuff();
});
//ajax start handler
$(document).ajaxStart(function(){
//do stuff before AJAX request
});
//ajax complete
$(document).ajaxComplete(function(){
//do stuff after AJAX request
});
具有类似解决方案的related question。
希望对你有帮助
【讨论】：
Page B 不是网址，而是我的应用程序上的一个页面。但是，根据您的建议，我做了类似window.open("#page_b_id); 的操作。这将在新窗口中打开 Page B（不是期望的结果）并且 doSomeBackgroundStuff() 不会执行。