douchen4534 2015-10-07 20:55
浏览 301
已采纳

使用AJAX将变量传递给Div

ORIGINAL POST: Not sure why I am having such a hard time grasping this but I am creating a page that executes a query to list a set of records per a user. I am wanting to create a div that shows the details of a select record from the list. I am attempting to load that record with the following:

    $(document).ready(function(){
    // load index page when the page loads
    $("#form").load("tm-reserves-form.php");
    $("#record").click(function(){
    // load home page on click
        $("#form").load("tm-reserves-form-test.php?ContactID"+$ContactID);
    });
});

Initial form loads but I can not get my .click function to work using the URL parameters.

How can I pass the url parameter from my current query into a div that loads an external page and executes a second query based on that url paramenter (primary id)?

Thanks in advanced for helping me out!

EDIT POST: Found solution, but another issue has arisen.

So I took a crash course this weekend on ajax and I found a working solution here:

    $(document).ready(function(){
    // load index page when the page loads
    $("#form").load("tm-reserves-form.php");
    $("#record").click(function(){
    // load home page on click
        var ContactID = document.getElementById('ContactID').value;
        $("#form").load("tm-reserves-form.php", {"ContactID": ContactID});
        });
    });

So with this example, when the page loads the div form is loaded with a default page. With a click function on the label #record the div #form is than loaded with a parameter of ContactID that is a string value inside of #ContactID. All that seems to work very well (even passes the parameter correctly).

The issue now is that it is only allowing me to pass the first record to my div. Any thoughts on what I need to implement next? I originally thought it was to clear the var but that didn't work either.

  • 写回答

2条回答 默认 最新

  • dougua3705 2015-10-12 16:56
    关注
     $(document).ready(function(){
    // load index page when the page loads
    $("#form").load("tm-reserves-form.php");
    $("#record").click(function(){
    // load home page on click
        var ContactID = document.getElementById('ContactID').value;
        $("#form").load("tm-reserves-form.php", {"ContactID": ContactID});
        });
    });
    

    This code solved my initial question, but led to an additional question.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 双目摄像头标定后的校准文件
  • ¥15 从键盘输入不管多少字符或者数组 输出的时候先提示输出再显示结果 输出的时候字符间间隔一个空格符
  • ¥15 powerbi举证增加度量值后出现对应关系错乱
  • ¥30 频率分析法分析绘制奈奎斯特图、波特图
  • ¥15 弹出来一万个系统找不到指定的文件框框,怎么解决
  • ¥15 ADS生成的微带线为什么是蓝色空心的
  • ¥15 求一下解题思路,完全不懂
  • ¥15 tensorflow
  • ¥15 densenet网络结构中,特征以cat方式复用后是怎么进行误差回传的
  • ¥15 STM32G471芯片spi设置了8位,总是发送16位