douyao3895 2017-09-13 22:39
浏览 67
已采纳

在JavaScript函数的函数文件中执行PHP函数

I want to call a PHP function from a JavaScript function.

"Why?" you might ask?

I have a series of PHP functions organized in a separate file custom_functions.php

I am slowly learning how to build with JavaScript and jQuery so this is how I am bridging the gap. I am more familiar with PHP, so I am finding my way through that window.

I have a list of elements constructed in index.php. A list of items is constructed on the fly from the database and an id attribute is created based on the id of the record:

echo "<span id="content_" . $row{'unique_id'} . "\" onClick=\"displayDetails(" . $row{'unique_id'} . ")\">";

displayDetails(record_no) is a JavaScript function in an external JavaScript file.

For now I tried this:

function displayDetails(record){
    data = {};
    //data = <?php retrieveContent(content_id); ?>
    $('.output').html("Testing Function - Section " + section_number);
}

But of course this does not work because PHP is Server Side action and JavaScript is a client-side action.

My particular problem is just enough different from this one to leave me stumped.

I have a PHP file and within it I want AJAX to call a specific function from a range of functions in the file.

What's not clear is how to call the function in the file with do that with AJAX. Do I pass in the URL like this: "custom_functions.php?functionname=displaydetails&record=<some number>" ?

For now, I do not want to use jQuery AJAX, I'd like to understand the fundamentals of XMLHttpRequest purely from a pure JavaScript/DOM perspective.

  • 写回答

1条回答 默认 最新

  • dongqintong8972 2017-09-13 23:42
    关注

    Yes, You have to call your PHP file like you mentioned.

    When calling PHP script by AJAX, return data is generally JSON formation. What you echo in PHP will become AJAX Result.

    And Javascript do the job creating elements to show and inject the data.

    However, you can also inject the result HTML of PHP script directly to the DOM.

    Example1: Injecting ajax response data directly to the DOM

    Javascript

    axios.get('/example_api.php').then(resp => {
        // in this case, you gonna just put response data into innerHTML where you wanna show.
        someDomeElement.innerHTML = resp.data;
    });
    

    PHP (example_api.php)

    echo "<p>hello world</p>";
    

    https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

    Example2: When ajax response data is json

    Javascript

    axios.get('/example_api.php').then(resp => {
        resp.data.forEach(function(item) {
           // In this case, you have to create DOM elements to show data 
           createElement(item); 
        });
    });
    

    PHP(example_api.php)

    echo json_encode(array('data1', 'data2'));
    

    update

    I will update answer here if you comment more questions.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 arduino控制ps2手柄一直报错
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 求chat4.0解答一道线性规划题,用lingo编程运行,第一问要求写出数学模型和lingo语言编程模型,第二问第三问解答就行,我的ddl要到了谁来求了
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题
  • ¥15 Visual Studio问题
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题