使用 JavaScript 调用 jQuery 函数

Posted 2023-05-08

【中文标题】使用 JavaScript 调用 jQuery 函数

【英文标题】：Calling a jQuery function with JavaScript

【发布时间】：2010-10-03 09:28:02

【问题描述】：

我正在使用 jQuery 和 javascript，我需要在我的 JavaScript 代码中调用 jQuery 函数。

我的 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().

如何在 JavaScript 代码中调用 jQuery 函数以及如何将 PHP 值返回给 jQuery？

【参考方案1】：

我真的认为您需要将两者分开：

触发Ajax 调用的函数。 从 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 调用并且代码将继续，然后当您收到响应时（可能几秒钟或几毫秒后） anotherFunction() 将被调用。这就是 Ajax 是异步的原因。如果您需要 同步 调用，请查看有关 jQuery 和 Ajax 技术的文档。

【讨论】：

在那一行 $("#response").html(data);那不应该是 $("#response").html(response); ???

【参考方案2】：

您从分配给 Ajax 请求中键“成功”的匿名函数调用 showName。您分配给成功的匿名函数是您的回调函数。

评论the documentation on the Ajax class。