AngularJS与PHP(表单和ajax)
我刚开始学习AngularJS,并将使用PHP作为后端 我已经掌握了角度加工的基本知识,但现在我正处于提交表单的阶段。现在我想我可以做一个AngularJS与PHP(表单和ajax),php,jquery,ajax,angularjs,Php,Jquery,Ajax,Angularjs,我刚开始学习AngularJS,并将使用PHP作为后端 我已经掌握了角度加工的基本知识,但现在我正处于提交表单的阶段。现在我想我可以做一个$.ajax({…})调用PHP文件,并在视图底部包含该函数 然而,我发现还有其他使用控制器的方法,我正在研究;我只是想知道这是否会被视为坏做法,或者是否有一种简单的方法可以从一种方法过渡到另一种方法 谢谢 编辑: 这就是我现在所做的,在我看来,它工作得很好。不会损害Angular的完整性,表单提交,一切都很好。这是否有负面影响: function submi
$.ajax({…})代码>调用PHP文件,并在视图底部包含该函数
然而,我发现还有其他使用控制器的方法,我正在研究;我只是想知道这是否会被视为坏做法,或者是否有一种简单的方法可以从一种方法过渡到另一种方法
谢谢
编辑:
这就是我现在所做的,在我看来,它工作得很好。不会损害Angular的完整性,表单提交,一切都很好。这是否有负面影响:
function submitNewPatient(){
$.ajax({
url: 'ajax/patients/new_patient.php',
type: 'post',
data: $("#new_patient_form").serialize(),
success: function()
{
$("#new_patient_form")[0].reset();
}, error: function()
{
alert('something went wrong');
}
});
}
您需要研究$http方法
下面是一个例子:
$http.post('api/user', {params: {id: '5'}
}).success(function(data, status, headers, config) {
// Do something successful.
}).error(function(data, status, headers, config) {
// Handle the error
});
与.get一起使用的$http服务有.head、.post、.delete、.put、.jsonp。在您的示例$http.post中,上面示例中的参数和URL的计算结果为api/user?id=5
此外,Angular中的表单还附带了ng submit指令,这对于在提交时调用函数非常有用。ng submit阻止浏览器执行其默认的POST操作。通过这种方式,您可以使用它调用连接到视图的控制器上的函数
<form ng-submit="sendForm()" ng-controller="FormSubmission">
<button>send form!</button>
</form>
发送表格!
好的,谢谢你-我会调查一下它的用法-请看我的编辑,谢谢你的反馈。Angular与Jquery配合得很好,但它实际上是用于指令中的DOM操作。你正在走出“棱角世界”,这是不利的一面。我已经做了大量的重构,从jquery到angular、更简洁、模块化和更易维护。