Вызов функции jQuery с помощью JavaScript

Question

Я использую jQuery и JavaScript, мне нужно вызвать функцию jQuery внутри моего кода JavaScript.

Мой код jQuery:

function display(id){
    $.ajax({
        type:'POST',
        url: 'ajax.php',
        data:'id='+id  ,
        success: function(data){
            $("#response").html(data);
        }//success
    }); //Ajax

    //Here I need to return the ajax.php salary
    //return ?
}

Мой файл ajax.php имеет:

<?php
   session_start();
    ....

   echo "$salary";
?>

Моя функция JavaScript имеет:

my.js

function showName(){
    var id = 12;

    var a = display(id); //Here I need to call the jQuery function display().
}

Как вызвать функцию jQuery внутри кода JavaScript и как вернуть значения PHP в jQuery?

Answer 1

Я действительно думаю, что вам нужно разделить обе вещи:

1. Функция для запуска вызова Ajax .
2. Функция, которая получает результат от вызова Ajax и делает все, что вам нужно.

Как:

function display(id){
  $.ajax({
    type:'POST',
    url: 'ajax.php',
    data:'id='+id  ,
    success: anotherFunction; //Ajax response
  });
}

Тогда в вашем коде my.js:

display(2);
function anotherFunction(response){
    // Here you do whatever you need to do with the response
    $("#response").html(data);
}

Помните, что display () вызовет ваш Ajax-вызов и код продолжится, а затем, когда вы получите ответ (возможно, через несколько секунд или мс), будет вызвана другая функция (). Вот почему Ajax асинхронный . Если вам нужны синхронные вызовы, ознакомьтесь с документацией о технике jQuery и Ajax.

Answer 2

Вы вызываете showName из анонимной функции, назначенной клавише «success» в запросе Ajax. Анонимная функция, которую вы назначили для успеха, это ваша функция обратного вызова.

Просмотр документации по классу Ajax .