Ajax code for cross-domain request fails

Question

I need to send data through AJAX to another domain. I use the following code which alerts error.

$(document).ready(function(){
                $('p').click(function(){    
            $.ajax({
             url:"http://tarjom.ir/demo/javascript/get.php?callback=?",
             dataType: 'jsonp', // Notice! JSONP <-- P (lowercase)
             type :  "GET",
             data: "username=mostafa&url="+window.location,
             success:function(json){
                 // do stuff with json (in this case an array)
                 alert(json);
             },
             error:function(){
                 alert("Error");
             },
            }); 
                });
    });

I want each click on <p> tag be reported to a file called get.php on another server. This file would save the click record+the time of the event into a DB.

Due to development stage, I have added an alert(); to the code, to alert whatever received from get.php, but I ONLY get alerted 'error'.

Here is the get.php code:

<?php
    if($_POST['username'] != "")
    {
        $site = new mysqli('localhost', 'tarjomir_mostafa', 'securefiction1916', 'demo');
        $stmt = $site->prepare("INSERT INTO demo (url) VALUES(?)");
        $stmt->bind_param('s', $a);
        $stmt->execute();
        $stmt->close();
        echo json_encode("success");
    }
?>

http://stackoverflow.com/questions/5648590/ajax-calls-from-local-javascript-code-to-remote-server — Alvaro, Sep 19 '13 at 15:49
The URL you provide doesn't appear to be returning JSONP … or anything. — Quentin, Sep 19 '13 at 15:59
You're returning JSON, not JSONP. modify your php to instead return JSONP. — Kevin B, Sep 19 '13 at 16:14
[searching](https://duckduckgo.com/?q=jsonp) for JSONP will return numerous results that explain the format, including [the first hit](http://remysharp.com/2007/10/08/what-is-jsonp/) which has a PHP example (since you are using PHP). — Quentin, Sep 19 '13 at 16:53

andres descalzo · Answer 1 · 2013-09-19T18:19:08.257

-1

try this:

$(function(){

  $.ajax({
     url:"http://tarjom.ir/demo/javascript/get.php",
     dataType: 'jsonp',
     type :  "GET",
     data: "username=mostafa&url="+window.location,
     jsonpCallback:"myFunction"
  })
  .done(function(json){
         // do stuff with json (in this case an array)
         alert('done ' + json);
     })
  .fail(function(){
         alert("Error");
     });

});

And the response for http://tarjom.ir/demo/javascript/get.php be something like:

myFunction({"data": "mydata" })

edited Sep 19 '13 at 18:19

answered Sep 19 '13 at 16:15

andres descalzo

14,887
13
64
115

@MostafaTalebi -1??? Does your service returns or not what I comment that returned? – andres descalzo Sep 19 '13 at 18:18

Ajax code for cross-domain request fails

1 Answers1