点击

时间:2017-04-15 04:38:37

标签: javascript php jquery ajax

好的,我可能有点超出我的深度,我有一个这样的页面:

enter image description here

现在当有人点击按钮时,一个花哨的滑动页面“滑动”在当前页面上,要求用户输入他的应用程序详细信息。

enter image description here

现在我需要获取包含jobID主键的单击Button的值,以便我处理应用程序数据......有意义吗?

我想知道的是,因为没有加载实际页面而且没有数据发送,(它唯一的css& jquery为应用程序页面提供了“模态”)。

我如何找到按钮的值。我不确定从哪里开始呢?

  1. 是否有可能单独使用PHP? (再次记住没有实际数据发送)?
  2. 可以使用AJAX检索值吗?
  3. 它是否需要某种完全不同的语言,如node.js或类似的?
  4. 任何提示/建议/参考赞赏

4 个答案:

答案 0 :(得分:3)

这个ajax示例可以帮助您获得点击值,您必须在html中设置onclick按钮属性。

<script type="text/javascript">

  function loadajax(value){
      if (window.XMLHttpRequest) {
      // code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp = new XMLHttpRequest();
      } else {
          // code for IE6, IE5
          xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      var pid = value;
      alert(pid);
      var queryString = "?send your primary key id or jobid=" + pid;
      xmlhttp.open("POST","Page name" + queryString,true);
      xmlhttp.send();
    }

</script>

答案 1 :(得分:3)

  1. 是。 PHP只能返回给你一个JSON数据
  2. 是的,你可以做AJAX
  3. 没有。 PHP,HTML,CSS,JavaScript就足够了。也许您可以使用Bootstrap css frameworkJQUERY 我建议: 你可以使用html装饰。它的意思是:定义自己的HTML属性。 例如:

    &lt; a class =“view”href =“javascript:;” data-id =“111”&gt;查看&lt; / a&gt;

  4. Javascript代码:

    <script language="JavaScript">
         $("a.view").click(function(){
                var jobId = $(this).attr("data-id");
                $.ajax({
                    url: "[YOUR_URL]",
                    data:{"job_id":jobId},
                    type:"post", 
                    success:function(response){
                        //You must open your css modal window and fill
                    } 
                })
         }); 
    </script>
    

    PHP代码:

    <?php
    header('Content-Type: application/json; charset=utf-8');
    $responseData = []; // you fill this variable with response data
    echo json_encode($responseData);
    

答案 2 :(得分:1)

对于你的申请按钮,在javascript中注册一些函数以及以给定方式传递的事件:

<button value="(whatever)" onclick ="sendreq(event)" >

现在在你的javascript中,有一个函数sendreq(e):

 function sendreq(e)
 {
   var jobId = e.target.value;
   //Process your data however with this jobId you have
   //Make XMLHttpRequest() and open a post ajax call of your choosing.

 } 

变量jobId将包含您需要的内容。

答案 3 :(得分:1)

1,您无法显示设置 jobID 的模块。

如果您想直接 JobID ,请在网址中尝试'$ _POST []'方法,例如 http://yourURL.Domain/?id='jobId',它会直接移动或者用于下一页以及当前页面。 。

但是就这样,JobID将显示在URL中。 :(

如果您想继续使用AJAX,那就更好了。 。

否则尝试html + php 我希望这很有用。 。

<!-- this is Simple code for idea what i say. . .-->
  <html>
    <body>
     <form action="#" method="post">
       <input type = "XYZ" id="JobID">
       <input type = "Submit" value="submit">
      </form>
    </body>
  </html>

   <?php 
        if(isset($_POST['JobID']))
         //USE JobID 
    ?>