android - I want to post data to http://hmkcode.appspot.com/jsonservlet using angularjs&cordova -


i want post data above link(in spite of using webservice) using cordova , angularjs. have used alerts in between know functions working properly. sign function not working, entering function not entering request method post data. there error in request.success(function(data) 

<!doctype html> <html> <head>     <meta charset="utf-8" />     <meta name="format-detection" content="telephone=no" />     <meta name="viewport"content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />     <link rel="stylesheet" type="text/css" href="css/index.css" />     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />     <meta name="msapplication-tap-highlight" content="no" />     <title>post data</title> </head> <body>     <div ng-app="helloapp" ng-controller="helloctrl">         <form role="form"  action="#">             <div>                 name: <input type="text" ng-model="name"><br>                 country: <input type="text" ng-model="country"><br>                 twitter: <input type="text" ng-model="twitter"><br>                 <button ng-click="signup()">save</button><br>                 <span>{{responsemessage}}</span>                    </form>     </div>     <script type="text/javascript" src="cordova.js"></script>     <script type="text/javascript" src="js/index.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>     <script type="text/javascript">         app.initialize();     </script>     <script>         alert('before controller');         var helloapp = angular.module("helloapp", []);         helloapp.controller("helloctrl", [ '$scope','$http', function($scope,$http)          {             alert('entered controller');             $scope.name = "calvin hobbes";             $scope.country = "us";             $scope.twitter = "as@gmail.com";              $scope.signup = function () {                 /*  $scope.message = "button clicked."*/                 alert("button clicked");;                 var request = $http({                     method: "post",                     datatype:'json',                     url: "http://hmkcode.appspot.com/jsonservlet",                     crossdomain : true,                     data: {                         'name': $scope.name,                         'country': $scope.country,                         'twitter': $scope.twitter                     },                         headers: { 'accept':' text/plain','content-type': 'textjson' }                 });                 /* successful http post request or not */                 request.success(function(data) {                     alert("success function");                     if(data == "1"){                         $scope.responsemessage = "successfull";                     }                     if(data == "2"){                         $scope.responsemessage = "failed";                     } else if(data == "0") {                         $scope.responsemessage = "error";                     }                   });             }         }]);    </script>   </body>   </html>

how can post data webservice(http://hmkcode.appspot.com/jsonservlet)

you have change controller following way. since using new version of angularjs, change .success .then. , when using form, better use ng-submit

js:

$scope.signup = function () {                 /*  $scope.message = "button clicked."*/                 alert("button clicked");;                 var request = $http({                     method: "post",                     datatype:'json',                     url: "http://hmkcode.appspot.com/jsonservlet",                     crossdomain : true,                     data: {                         'name': $scope.name,                         'country': $scope.country,                         'twitter': $scope.twitter                     },                         headers: { 'accept':' text/plain','content-type': 'application/json' }                 });                 /* successful http post request or not */                 request.then(function(data) {                     alert("success function");                     if(data.data == "1"){                         $scope.responsemessage = "successfull";                     }                     if(data.data == "2"){                         $scope.responsemessage = "failed";                     } else if(data.data == "0") {                         $scope.responsemessage = "error";                     }                   });             }

html:

<form role="form" ng-submit="signup()">             <div>                 name: <input type="text" ng-model="name"><br>                 country: <input type="text" ng-model="country"><br>                 twitter: <input type="text" ng-model="twitter"><br>                 <button type="submit">save</button><br>                 <span>{{responsemessage}}</span>             </form>

Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more