angular 发送ajax

Posted goblinn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular 发送ajax相关的知识,希望对你有一定的参考价值。

  在使用angular发送ajax的时候get和post一样的,就是method改一下。

       ajax的js:

 1      <script>
 2        var app = angular.module(‘emialVerfiy‘,[]);
 3        app.controller(‘ev‘,function($scope,$http){
 4            $scope.send = function(){
 5                
 6                $http({
 7                    method:‘get‘,
 8                    url:‘../mailVerfiy/verfiy‘, 
 9                    contentType:‘application/json;charset=UTF-8‘,
10                    params : {
11                        ‘mial‘ : $scope.show
12                        }
13                }).then(function successCallback (rs){
14                    $scope.show = rs.data;
15                });   
16            }
17        });
18     </script>

 

  后台接收:

1     @RequestMapping(value="/verfiy", method=RequestMethod.GET)
2     @ResponseBody
3     public String verfiy(@RequestParam(value="mial", required=true) String mail)
4     {
5         mailVerService.sendMail(mail);
6         return "发送成功,请去邮箱验证。";
7     }

 

  ps:

   要是遇到

     Status Code:400 Required String parameter ‘mail‘ is not present 

   这种错误的话,应该是参数传入的格式有问题,接受不到造成的。

 

以上是关于angular 发送ajax的主要内容,如果未能解决你的问题,请参考以下文章

json 可视代码工作室Angular with Firebase片段

typescript Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming/angular-2/

typescript Angular最终版本的Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming

typescript Angular最终版本的Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming

typescript Angular最终版本的Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。