jquery $ থেকে.jax থেকে angular $ http




ajax angularjs (3)

আমার কাছে jQuery কোডের এই টুকরা রয়েছে যা ক্রস মূল কাজ করে:

jQuery.ajax({
    url: "http://example.appspot.com/rest/app",
    type: "POST",
    data: JSON.stringify({"foo":"bar"}),
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function (response) {
        console.log("success");
    },
    error: function (response) {
        console.log("failed");
    }
});

এখন আমি কোনও সাফল্য ছাড়াই এটি Angular.js কোডে রূপান্তরিত করার চেষ্টা করছি:

$http({
    url: "http://example.appspot.com/rest/app",
    dataType: "json",
    method: "POST",
    data: JSON.stringify({"foo":"bar"}),
    headers: {
        "Content-Type": "application/json; charset=utf-8"
    }
}).success(function(response){
    $scope.response = response;
}).error(function(error){
    $scope.error = error;
});

কোন সাহায্য প্রশংসা।


$ Http কলিং AngularJS উপায় দেখতে হবে:

$http({
    url: "http://example.appspot.com/rest/app",
    method: "POST",
    data: {"foo":"bar"}
}).then(function successCallback(response) {
        // this callback will be called asynchronously
        // when the response is available
        $scope.data = response.data;
    }, function errorCallback(response) {
        // called asynchronously if an error occurs
        // or server returns response with an error status.
        $scope.error = response.statusText;
});

অথবা শর্টকাট পদ্ধতি ব্যবহার করে এমনকি সহজ লেখা যেতে পারে:

$http.post("http://example.appspot.com/rest/app", {"foo":"bar"})
.then(successCallback, errorCallback);

লক্ষ্য করা জিনিস সংখ্যা আছে:

  • AngularJS সংস্করণটি আরও সংক্ষিপ্ত (বিশেষ করে .post () পদ্ধতি ব্যবহার করে)
  • AngularJS JSON স্ট্রিংগুলি JSON স্ট্রিং এবং হেডার সেটিংসগুলিতে রূপান্তর করার যত্ন নেবে (যারা কাস্টমাইজযোগ্য)
  • কলব্যাক ফাংশনগুলি যথাক্রমে success এবং error নামে পরিচিত (প্রতিটি কলব্যাকের প্যারামিটারগুলি দয়া করে নোট করুন) - কৌণিক v1.5 এ অব্যবহৃত
  • পরিবর্তে then ফাংশন ব্যবহার করুন।
  • then ব্যবহারের আরও তথ্য here পাওয়া here

উপরে কেবল একটি দ্রুত উদাহরণ এবং কিছু পয়েন্টার রয়েছে, আরো তথ্যের জন্য AngularJS ডকুমেন্টেশন চেক করতে ভুলবেন না: http://docs.angularjs.org/api/ng.$http


আপনি এই ব্যবহার করতে পারেন:

"কৌনিক-পোস্ট-ফিক্স" ডাউনলোড করুন: "^ 0.1.0"

তারপর কৌণিক মডিউল ঘোষণা করার সময় আপনার নির্ভরতাগুলিতে 'httpPostFix' যোগ করুন।

রেফারেন্স: https://github.com/PabloDeGrote/angular-httppostfix


আমরা AngularJs এ http পরিষেবা ব্যবহার করে AJAX অনুরোধটি বাস্তবায়ন করতে পারি, যা দূরবর্তী সার্ভার থেকে ডেটা পড়তে / লোড করতে সহায়তা করে।

$ http পরিষেবা পদ্ধতি নীচে তালিকাভুক্ত করা হয়,

 $http.get()
 $http.post()
 $http.delete()
 $http.head()
 $http.jsonp()
 $http.patch()
 $http.put()

উদাহরণের একটি:

    $http.get("sample.php")
        .success(function(response) {
            $scope.getting = response.data; // response.data is an array
    }).error(){

        // Error callback will trigger
    });

http://www.drtuts.com/ajax-requests-angularjs/





angular-http