微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么jQuery Submit不会将充满ng值的数据发送到服务器端?

如何解决为什么jQuery Submit不会将充满ng值的数据发送到服务器端?

我有一个带有一些隐藏输入的表单,在表单(ul-li's)内部有一些选项,每个ng都单击ng-click,例如以下代码

<form>
<input type="hidden" id="actionTodoInput" name="action" ng-value="actionTodo"/>
<ul>
<li ng-click="submitForm($event)" data-action="DO_THIS_ACTION1">Submit this form!</li>
<li ng-click="submitForm($event)" data-action="DO_THIS_ACTION2">Submit this form!</li>
<li ng-click="submitForm($event)" data-action="DO_THIS_ACTION3">Submit this form!</li>


...
</ul>
</form>

在Angular + jQuery方面:

...
$scope.actionTodo = "";
$scope.submitForm = submitForm;
function submitForm(event){
   $this = $(event.currentTarget); // li
   $scope.actionTodo = $this.data('action');
   $this.closest('form').submit();
}

然后在服务器端,当我等待actionTodo的值时,action的值为null,但是如果我通过jQuery设置actionTodoInput的值,它将起作用:

$this.closest('form').find('#actionTodoInput').val( $this.data('action') );

我认为这是由于Angular和jQuery的结合所致,因为如果打开浏览器检查器,我会看到Angular代码工作正常,只是.submit()不会将数据发送到服务器端。

如何在没有jquery提交的情况下起作用?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。