dongmeijian1716 2017-09-26 02:08
浏览 100
已采纳

如何在没有表单的情况下将数据从HTML传递到PHP？

I'm working with an api that requires specific ID numbers to retrieve certain objects. Right now I have a form for the user to manually enter an ID and on submission it GETs an object. But what I want is to have links to all the IDs instead so the user can just click and choose which object to retrieve. I'm not necessarily trying to make a GET request from the user click. I can make the GET request on the backend but I just need a way to determine which ID the user is trying to select. I have been searching and searching for a way to do this but I haven't found anything specific to my dilemma. I've read on having a hidden form or using AJAX but is there not a simpler solution? Is there not a way to where the PHP server can detect which link and ID is clicked to store it in a variable?

For example:

$lib->request('$ID.'/videos','GET');

retrieves a set of videos.

<button type ="button" id="23456" >Video Number 1</button> Is there a way that I could pass the id of the button above to php?

I'm really confused and I'm wondering if I'm over complicating this.

  • 写回答

2条回答 默认 最新

  • dongshi6529 2017-09-26 05:16
    关注

    you can post data with XHR!

    Here is a simple example using jQuery to post data

    // URL,parameter,callback function,RT datatype
// just one example
$.post("/"+id+"/videos",{},
  function(data){
    console.log(data);
  },
  "text");//return datatype：json,html,xml,text
}

    edited

    you can get id by event

    need to know:

    only typeof ID === number triggered

    $(document.body).on("mouseup",function(e){
    var _e  = e.target;
    if(typeof _e.id !== "undefined" && !isNaN(+_e.id)){
         var id = _e.id;
         //trigger XHR last edited code
    }
})

    edited2

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <button type="button" id="123456" class="id-select">Video Number 1</button>
        <button type="button" id="654321" class="id-select">Video Number 2</button><br>
        <script src="path/jquery.js"></script>
        <script>
            $(function(){
                $(document.body).on("mouseup",function(e){
                    var _e  = e.target;
                    if(typeof _e.id !== "undefined" && !isNaN(+_e.id)){
                        var id = _e.id;  //this id is you click button
                        //trigger XHR last edited code

                        /*
                         *   @parma1 url
                         *   @parma2 post parama
                         *   @parma3 callback function
                         *   @parma4 set return datatype
                         */
                        $.post("/"+id+"/videos",{},
                            function(data){
                            console.log(data);
                        }, "text");//return datatype：json,html,xml,text
                     }
                 }
            });
        </script>
    </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • php获取从html表单传递数组的方法
    2020-12-19 14:12
    了解并掌握这些技巧，可以有效地处理HTML表单传递的数组数据，并提高你的PHP应用程序的用户体验和安全性。在开发过程中，不断学习和实践相关的知识，如PHP的表单处理、数据验证、安全防护等，将有助于你成为更专业的...
  • php 传递数据给js,如何将变量和数据从PHP传递给JavaScript？
    2021-03-23 22:22
    今天你好123的博客 将数据回送到某个页面，并使用JavaScript从DOM获取信息。将数据直接回显给JavaScript。在这篇文章中，我们将研究上述每种方法，并查看每种方法的优缺点，以及如何实现它们。1.使用AJAX从服务器获取所需的数据这种...
  • PHP利用超级全局变量$_GET来接收表单数据的实例
    2020-10-21 04:30
    - `echo`语句：用于输出字符串，这里将获取到的表单数据拼接后输出。 ### 安全提示 虽然使用$_GET来接收表单数据非常方便，但需要注意安全性问题。因为URL是可见的，所以所有的GET请求数据都会显示在地址栏中，...
  • 利用HTML＋PHP将表单数据传递到后台
    2019-06-15 09:04
    孤独的SVIP的博客 导读：本文举例后台文件暂用.txt文档代替，前台表单输入的数据最终将传递到‘data.txt文件中 1.首先构建前台表单页面，HTML文件代码如下（css文件在这里不再是重点就略过了哈） <!DOCTYPE html> <html lang...
  • php传递给前端的参数,详解前端在html页面之间传递参数的方法
    2021-04-04 08:33
    到处有战场真是烦的博客 因此跳转页面时，我们需要传递一个参数过去，这样我们才能通过这个参数进行数据请求，然后根据后台返回的数据来生成页面。因此，通过a标签跳转的方式，肯定是行不通的。我们经常写form表单，提交时，可以传...
  • 从PHP表单传递参数并执行R脚本：离散事件模拟示例。
    2021-04-07 15:31
    要从PHP表单传递参数，我们需要在HTML表单中定义输入字段，然后在PHP脚本中获取这些值。例如，可以创建一个表单让用户输入模拟的参数，如时间步长、事件概率等。PHP的`$_POST`超级全局数组可以用来获取表单提交的...
  • PHP实例开发源码—一个PHP+Ajax表单数据验证插件实例.zip
    2022-11-24 00:29
    这个插件主要用于提高用户体验，通过异步方式验证用户在表单中输入的数据，避免了传统方式下提交表单后服务器返回错误信息导致的页面刷新。下面我们将详细分析这个实例中的关键知识点。 1. PHP（Hypertext ...
  • PHP、web前端开发-页面传参POST方法.pptx
    2022-12-16 12:38
    总结起来，PHP和前端开发中的页面传参POST方法是Web应用中常见的数据传递方式，它允许我们在不暴露敏感信息的情况下提交表单数据。通过理解这一机制，开发者能够更好地构建健壮、安全的Web应用程序。记住，无论在PHP...
  • PHP、web前端开发-页面传参GET方法.pptx
    2022-12-16 12:38
    在处理这些情况时，POST方法通常是更好的选择，因为它不会将数据暴露在地址栏上。同时，了解何时使用GET和POST，以及如何安全地处理用户输入，是每个Web开发者的基本技能。在实际开发中，还需要结合其他技术，如...
  • html表单数据提交服务器,form表单提交数据到服务器
    2021-06-13 15:40
    林书尼的博客 [success] # form表单提交数据到服务器~~~下面案例通过'form表单'的方式提交给后台数据，在'index.html'页面'input'中输入内容提交给后台，需要注意的地方，'form'表单方式提交数据必须要给input加'name'属性~~~>...
  • 没有解决我的问题, 去提问

悬赏问题

  • ¥15 DS18B20内部ADC模数转换器
  • ¥15 做个有关计算的小程序
  • ¥15 MPI读取tif文件无法正常给各进程分配路径
  • ¥15 如何用MATLAB实现以下三个公式（有相互嵌套）
  • ¥30 关于#算法#的问题：运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题 求各位帮我解答一下
  • ¥15 setInterval 页面闪烁，怎么解决
  • ¥15 如何让企业微信机器人实现消息汇总整合
  • ¥50 关于#ui#的问题：做yolov8的ui界面出现的问题
  • ¥15 如何用Python爬取各高校教师公开的教育和工作经历
  • ¥15 TLE9879QXA40 电机驱动