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条)

报告相同问题?

悬赏问题

  • ¥100 微信小程序跑脚本授权的问题
  • ¥100 房产抖音小程序苹果搜不到安卓可以付费悬赏
  • ¥15 STM32串口接收问题
  • ¥15 腾讯IOA系统怎么在文件夹里修改办公网络的连接
  • ¥15 filenotfounderror:文件是存在的,权限也给了,但还一直报错
  • ¥15 MATLAB和mosek的求解问题
  • ¥20 修改中兴光猫sn的时候提示失败
  • ¥15 java大作业爬取网页
  • ¥15 怎么获取欧易的btc永续合约和交割合约的5m级的历史数据用来回测套利策略?
  • ¥15 有没有办法利用libusb读取usb设备数据