anglar ajax执行2次的原因,AngularJS与Ajax表单提交需要单击两次

我需要从HTML页面执行以下活动：

用户输入电子邮件和密码进行注册

用户单击时将表格发送到控制器 Submit

Control使用AJAX创建到RESTful Server的JSON请求，服务器进行相应的响应。

根据服务器的响应，用户应获得警报窗口，并register.html在“提交”下方的当前页面()上显示一条消息。如果是“成功-已注册”或“失败-无法注册”。

但是，目前它的工作方式如下：1)，2)，3)正常工作。

用户在第一次单击Submit相应的消息时会得到警报窗口。

用户仅在Submit 再次单击时获得打印的消息，但再次显示警告窗口。

如果我alert('Something')从JS中删除，则必须单击两次以将消息打印在register.html

另外，我想提醒您注意，单击两次也会使服务器调用两次。它的行为就好像在服务器调用后已暂停，然后打印我应该单击“提交”的消息一样。

Submit

我的JS控制器看起来像这样 stackoverflow_q3.js

// create angular controller

var register = angular.module('Main-app');

// function to submit the form after all validation has occurred

$scope.submitForm = function (isValid, user) {

console.log('Stackoverflow JS func caled');

var regData = {

"email": user.email,

"password": user.password1

};

var jsonData = JSON.stringify(regData);

var request = $.ajax({

url: 'myurl',

type: 'POST',

data: jsonData,

headers: {

'Accept': 'application/json',

'Content-Type': 'application/json'

dataType: 'json',

complete: function (response) {

console.log(response.responseText);

if (response.responseText == 'success') {

console.log('Registration Success');

alert('Success');

$scope.msgalert = 'Registration Success, Proceed to Login and Continue';

} else if (response.responseText == 'fail') {

alert('registration failed');

$scope.msgalert = 'Registration Failed, Please try again';

}

});

};

});

另外index.html我提到了控制器：

知道如何通过一次“提交”单击即可完成所有这些活动吗？

anglar ajax执行2次的原因,AngularJS与Ajax表单提交需要单击两次相关推荐

form表单提交数据的两种方式——submit直接提交、AJAX提交
submit提交 form表单本身提供action属性,在action属性中填写数据提交地址后,点击submit类型的按钮即可将数据提交至指定地址,代码如下: <form action=&quo ...
angular-JS模仿Form表单提交
直接上示例代码,有不懂的欢迎留言: $http({url: "http://localhost:10086/yuanxin/Conference/ImportExcelDataForBusR ...
详细叙述ajax的详情,ajax的配置详情、ajax的调用解释、ajax的中文乱码和ajax的表单提交（内有实例）...
本篇文章主要的讲述了关于ajax的使用总结说明,还有ajax的配置.调用.中文乱码.表单提交等等详细解释,现在我们一起来看这篇文章吧 ·jquery的使用 0.必须优先引入jquery.js 否则无法 ...
ajax刷新iframe页面,通过iframe实现简单的ajax表单提交
之前做项目都是用现成的jquery插件实现表单的校验以及ajax提交,但是今天有个简单的头像图片ajax上传,以及一个很简单的表单提交,实在不想引入一个插件了,本着代码量最小,最简单的原则,照着豆瓣照 ...
layui表单提交使用form.on(‘submit(sub)‘,function (){}) 使用ajax请求时回调不执行的原因及解决方法
layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法参考文章: (1)layui表单提交使用form.on(' ...
from提交ajax,form表单提交与ajax消息传递
form表单提交与ajax消息传递 1.前后端传输数据编码格式contentType: urlencoded 对应的数据格式:name=xxx&password=666 后端获取数据:requ ...
ajax form表单提交 input file中的文件
现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input f ...
MVC下HtmlHelper自带BeginForm表单提交与异步Ajax请求
假如有一个数据表格UserInfo: public class UserInfo {public int Id { get; set; }public string Name { get; set; ...
ajax form表单提交_开发日志：金数据表单自动提交脚本
最近学校要求我们每天通过一个在线表单打卡自己在家做的体育课项目,在提交的时候我突然想了下如果能有一个自动的系统每天帮我自动打卡岂不是能省很多时间?而且我一直很想学Python的网络爬虫以及服务器后端的 ...

anglar ajax执行2次的原因,AngularJS与Ajax表单提交需要单击两次

{{msgalert}}

anglar ajax执行2次的原因,AngularJS与Ajax表单提交需要单击两次相关推荐

最新文章

热门文章