Jquery 在提交后调用(触发)链接

Jquery 在提交后调用(触发)链接,jquery,html,Jquery,Html,在表单提交后,我如何调用(触发)链接?我希望函数调用一个链接,这样在按钮提交上传后,新的jQuery div就可以自己调用了。infoUp()函数不起作用 HTML: 图片上传大小1 MB //jQuery: 函数infoUp(){ $(文档).ready(函数(){ $(“#profile”).trigger('click'); }); 如果您执行常规表单提交,那么文档将被表单post的结果替换,因此不会执行进一步的JavaScript。您需要做的是使用“AJAX”技术发送post请求,而不

在表单提交后,我如何调用(触发)链接?我希望函数调用一个链接,这样在按钮提交上传后,新的jQuery div就可以自己调用了。infoUp()函数不起作用

HTML:


图片上传大小1 MB
//jQuery:
函数infoUp(){
$(文档).ready(函数(){
$(“#profile”).trigger('click');
});

如果您执行常规表单提交,那么文档将被表单post的结果替换,因此不会执行进一步的JavaScript。您需要做的是使用“AJAX”技术发送post请求,而不替换当前页面


这是一个相当大的重新设计,因为您需要更改要发布到的URL的PHP处理程序,以便它只处理帖子并更改客户端代码,以便通过JavaScript而不是通过替换文档进行更新。

如果您执行常规表单提交,则文档将被替换为表单提交的结果您需要做的是使用“AJAX”技术在不替换当前页面的情况下发送post请求


这是一个相当大的重新设计,因为您需要更改要发布到的URL的PHP处理程序,使其只处理帖子,并更改客户端代码,使其通过JavaScript而不是通过替换文档进行更新。

您需要使用Ajax处理服务器(提交)和客户端(infoUp)同时执行操作。否则客户端操作将无效。

您需要使用Ajax同时处理服务器(提交)和客户端(infoUp)操作。否则客户端操作将无效。

您可以执行以下操作:

// when the form is submitted
$('form').submit(function(){

  // run your infoUp function
  infoUp()

  // sends the form info off
  return true

})
但这不会有多大帮助,因为提交表单会将您发送到另一个页面

您可能应该通过ajax提交表单,如下所示:

// when the form is submitted
$('form').submit(function(){

  // sends the form info off
  // callback function executes after form data is sent
  $.post('page1.php',$('form').serialize(),function(){

      // run your infoUp function
      infoUp()

  })

  // prevent form from submitting normal request
  return false

})
这段代码都未经测试,但应该能够让您充分了解如何执行它

您可以执行以下操作:

// when the form is submitted
$('form').submit(function(){

  // run your infoUp function
  infoUp()

  // sends the form info off
  return true

})
但这不会有多大帮助,因为提交表单会将您发送到另一个页面

您可能应该通过ajax提交表单,如下所示:

// when the form is submitted
$('form').submit(function(){

  // sends the form info off
  // callback function executes after form data is sent
  $.post('page1.php',$('form').serialize(),function(){

      // run your infoUp function
      infoUp()

  })

  // prevent form from submitting normal request
  return false

})

这段代码都没有经过测试,但应该能够提供足够的洞察力,了解如何执行它

我不理解“这样新的jQuery div就可以自己调用了”。提交表单后,您不能让代码在页面上运行。提交表单需要将数据发送到服务器并获得响应,之后您的JS逻辑不再相关。@Richard我指的是链接的“id”…链接调用打开/执行另一个jQuery代码的div…如何“调用div”?@Richard链接“profile”被包装在一个div中-由另一个jQuery代码调用。我不明白“这样新的jQuery div就可以自己调用了”。提交表单后,您不能让代码在页面上运行。提交表单需要将数据发送到服务器并获得响应,之后您的JS逻辑不再相关。@Richard我指的是链接的“id”…链接调用打开/执行另一个jQuery代码的div…如何“调用div”?@Richard链接“profile”被包装在一个div中,该div由另一个jQuery代码调用。