Ajax在页面中发回后Javascript控制台命令不起作用

Ajax在页面中发回后Javascript控制台命令不起作用,javascript,javascript-objects,dom-events,browser-console,Javascript,Javascript Objects,Dom Events,Browser Console,我在Chrome开发者控制台中控制一个网站。有一个表单和一个提交按钮,可以通过ajax(我想)发送表单,而无需刷新页面。发送信息后,表单正在重置 我使用Javascript为页面中的表单元素分配了一些属性。有些过程无关紧要,我正在发送表单,但是元素的属性在新表单中重置。我被迫再次调用相同的脚本 因为网页不是我的,所以是否有全局有效的控制台编码命令?(在纯JavaScript中)删除表单上的任何submit侦听器。然后使用js event.stopPropagation()break()附加您自己

我在Chrome开发者控制台中控制一个网站。有一个表单和一个提交按钮,可以通过ajax(我想)发送表单,而无需刷新页面。发送信息后,表单正在重置

我使用Javascript为页面中的表单元素分配了一些属性。有些过程无关紧要,我正在发送表单,但是元素的属性在新表单中重置。我被迫再次调用相同的脚本


因为网页不是我的,所以是否有全局有效的控制台编码命令?(在纯JavaScript中)

删除表单上的任何
submit
侦听器。然后使用
js event.stopPropagation()
break()附加您自己的提交侦听器。

在html页面中使用表单时,表单中的值将提交到表单操作中给定的url,如果定义了一些回调函数,则无需检查javascript

<form method="post" action="your_url">
  ....
</form>

....
如果您没有提供该操作,那么表单将被提交到同一页面,并且不会发生javascript操作

如果希望使用javascript操作提交表单,则可以使用以下方法之一

方法1:从操作调用javascript函数

<form method="" action="Javascript:your_function()">
  ....
</form>
<script>
function your_function(){
  ...
}
</script>

....
函数你的函数{
...
}
在这种方法中,所有表单验证和ajax提交都应该在函数内部手动执行。URL和方法也应该在ajax调用中定义

方法2:在Submit上使用JQuery表单

<form id="target" method="" action="">
....
</form>

<script>
$( "#target" ).submit(function( event ) {
  event.preventDefault();
  alert( "Handler for .submit() called." );
});
</script>

....
$(“#目标”)。提交(功能(事件){
event.preventDefault();
警报(“调用了.submit()的处理程序”);
});
在这个方法中,表单验证是被处理的,只有在表单被验证时,回调提交函数才会发生。ajax url应该在ajax调用中给出

方法3:使用JQuery Ajax验证提交

<form id="target" method="post" action="your_url">
....
</form>

<script>
$("#target").validate({
  submitHandler: function(form) {
    $(form).ajaxSubmit({
      dataType:  'json',    //optional
      success: function(data) {
        ...
      }
    })
  }
})
</script>

....
$(“#目标”)。验证({
submitHandler:函数(表单){
$(表格).ajaxSubmit({
数据类型:“json”,//可选
成功:功能(数据){
...
}
})
}
})
在此方法中,URL和方法在表单中定义。validate函数将检查表单是否有效,并且submitHandler将在表单有效时执行$ajaxSubmit回调函数将处理对给定表单的URL和方法的ajax调用。这个方法很适合你的问题。如果需要,也可以尝试其他方法

注:有关文档,请参阅


有几种方法可以实现这一点

最简单的方法:可能是在WebDeveloper工具中创建一个代码段,然后从那里运行它

另一种方式是创建一个google扩展(具有“declarativeContent”和“activeTab”权限),可以在页面上插入内容脚本或执行脚本


您可以在此处找到有关开发chrome扩展和背景页面事件的更多信息:

请提供所述表单的链接或显示表单工作方式的代码示例。我们无法猜测您想要做什么,也无法提供与我们看不到的表单交互的代码。提交表单后,页面是否重新加载?请注意,有软重新加载和硬重新加载(F5),您可以使用自己的代码覆盖该ajax调用。同时提供网页的url。向我们展示一些代码请购买,不要仅仅因为没有代码示例和对网页的引用而否定这个问题@我建议你回顾一下如何创建一个chrome扩展来处理这个问题。如果您提供了其中的一些信息(例如某种类型的示例,但考虑到问题和考虑范围,它似乎也不是完全必要的)。这是一个不错的答案,但问题实际上是关于如何存储/保存自定义脚本(全局或其他),以便手动运行(或可能自动运行)。例如,站点未加载脚本。好的。我不熟悉这个概念。请参考。我认为这可能会对您有所帮助。