как использовать запрос ajax в jsFiddle

Я пытаюсь создать свою первую скрипку. Итак, вот что я хочу сделать с jquery

$('.list').live('click', function(){
    var dataPass = 'uid='+ uid;
    $.ajax({
        type: "POST",
        url: "test.php",
        data: dataPass,
        cache: false,
        success: function(html){
            //Do something
        }
    });
});

Итак, как/где мне написать коды для файла test.php? Он вернет некоторую html-разметку.


jquery cross-domain xss jsfiddle
person ptamzz    schedule 10.09.2011    source источник

Ответы (2)


arrow_upward
10
arrow_downward

Невозможно сделать запрос AJAX к домену, отличному от текущего, так как это довольно простой риск для безопасности.

jsFiddle имеет API для тестирования запросов AJAX, которые вы должны использовать вместо этого.

person Joe    schedule 10.09.2011
comment
Возможно тот же, обновленный URL: docs.jsfiddle.net/async-requests - person freedomn-m; 22.05.2019

arrow_upward
6
arrow_downward

Вот рабочая скрипка того, что вы, вероятно, ищете.

Я использовал http://echo.jsontest.com, но вы можете заменить его действительным URL-адресом.

var echo = function(dataPass) {
    $.ajax({
        type: "POST",
        url: "/echo/json/",
        data: dataPass,
        cache: false,
        success: function(json){
            alert("UID=" + json.uid + "\nName=" + json.value);
        }
    });
};

$('.list').live('click', function(){
    $.get("http://echo.jsontest.com/uid/12345/value/nuno_bettencourt", function(data) {
        var json = {
            json: JSON.stringify(data),
            delay: 1
        };
        echo(json);;
    });​ 
});
person Eat at Joes    schedule 01.12.2012
comment
Как это работает? Разве вызов $.get() не должен быть запрещен той же политикой происхождения? /смущенный - person rych; 09.04.2013
comment
Удаленный сервер добавляет этот HTTP-заголовок, чтобы сообщить браузеру, что он разрешает междоменный запрос Access-Control-Allow-Origin:*. См. заголовки на вкладке «Сеть» инструмента отладки вашего браузера. - person oldwizard; 24.09.2013
comment
@rych, это установлено на сервере. Вот пример node.js, response.header("Access-Control-Allow-Origin", "*"); response.header("Access-Control-Allow-Methods", "GET,PUT,POST,DELETE,OPTIONS"); response.header("Access-Control-Allow-Headers", "X-Requested-With,Content-Type"); - person Eat at Joes; 24.10.2014