Как передать переменную javascript в php, не открывая новую страницу

Question

У меня есть пользователь, который вводит значение в форме, а onClick() активирует функцию, которая использует URL-адрес, который пользователь вставляет и обрезает (используя алгоритм, который я сделал, но это не имеет значения). Я получаю строку из 11 символов, и я не уверен, как получить это на php-страницу, которая отправляет ее в мою базу данных. То, как я делаю это, теперь переводит браузер на новую страницу, и я хочу, чтобы пользователь остался на той же странице.

function findvideoid(){ 
    window.location.href = 'submitvid.php?videoID=' + videoID; 
} 

Answer 1

Вы можете легко сделать это в JQuery

$.ajax({ 
    type: "POST", 
    url: url, 
    data: data, 
    success: success, 
    dataType: dataType 
}); 

Answer 2

использовать AJAX:

function findvideoid() 
{ 
    var html = $.ajax({ 
    type: "POST", 
    url: "submitvid.php", 
    data: "videoID=" + videoID, 
    async: false 
    }).responseText; 

    if(html == "success") 
    {  
    // Uncomment the following line in your application 
    //return true; 
    } 
    else 
    {  
     return false; 
    } 
} 

Answer 3

чистого раствора JavaScript (рекомендуется):

var xhr = new XMLHttpRequest(); 
xhr.onreadystatechange = function() { 
    if (xhr.readyStatus == 4) { // finished 
    if (xhr.status == 200) { // 200 HTTP code returned by server 
    } 
    else { // error 
    } 
    } 
}; 
xhr.open("GET", "your-script.php?videoID=" + encodeURIComponent(videoID)); 
xhr.send(null); 

решение JQuery (рекомендуется, если вы уже используете jQuery в своем проекте или i е вы хотите попробовать его):

// PHP script can access $_GET['videoID'] 
jQuery.get("your-script.php?videoID=" + encodeURIComponent(videoID)); 

// PHP script can access $_POST['videoID'] 
jQuery.post("your-script.php", {videoID: videoID}); 

jQuery.get(url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ])

jQuery.post(url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ])

Answer 4

насчет маскировки фактического АЯКС вызова с загрузкой внешнего HTML ресурса?
Если никакого реального обратного вызова не ожидается, вы можете ввести iframe в документ, указывающий на указанный URL, а затем удалить его из документа.

Вот пример доступа к апи URL вашего BACKEND в маскируется загрузке изображения:

function findvideoid(id, callback){ 
    var img = new Image(); 
    img.onload = callback; 
    img.src = apiUrl + '?videoId=' + encodeURIComponent(id) 
       + '&antiCache=' + new Date().getTime(); 
} 

Нет Аякса. Никаких других библиотек. Google делает это для своей аналитики. Почему ты не должен?