Javascript Colorbox和ajax，发送和接收数据

我有一个网站，需要查询数据库，在colorbox中查看结果，或者引导模式也可以，从结果中选择数据，然后将这些选择发送回主页以填充引导文本区域

这是我到目前为止所拥有的

html：表单提交到colorbox

<div class="form-group col-sm-4">
    <button type="button" id="pairsub" class="btn-sm-primary form-control"
     data-toggle="modal" data-target="#pairFind" onclick="submitForm">Pair Find</button>
</div>

要接收选定数据的html文本区域：

<div class="form-group col-md-8">
     <textara class="form-control" name="IID" id="IID2">/textarea>
</div>

---

提交表单并获得配色箱效果完美。现在，带有colorbox结果的submit按钮通过php echos发送信息并刷新主页。我想将所选数据发送回主页，而不必刷新它。想法？

所以我放弃了彩盒和纯引导。这个代码就像一个符咒

$(document).ready(function() {   
       $('#formbtn').click(function(e) {
            $.ajax({
                url: 'pairFind.php',
                type: 'POST',
                data: $('#form1').serialize(),
                async:true,
          beforeSend: function () {
             $('#spin').modal('show');
             }
          success: function(data) {
             $('#pairFr .modal-body').html(data);
             $('#pairFr').modal('show');
             $('#spin').modal('hide');
             }
        });
    });  
});

---

因为$pairsub.clickfunction，所以它不起作用{是错误的。你正在寻找一个元素，而不是一个id。好吧…@epascareelo只是指出一个错误并没有帮助…建议解决方案确实有帮助。那么你不知道如何通过id进行选择吗？添加缺少的是开始。啊…我明白了，这是一个拼写错误。我的代码中确实有。我会编辑帖子。但是到我的主题…获取选择colorbox结果中的CTE数据返回到文本区域。因此，您附加了一些随机方法onclick=submitForm，您删除了吗？您使用的colorbox插件是什么？

$(document).ready(function() {   
       $('#formbtn').click(function(e) {
            $.ajax({
                url: 'pairFind.php',
                type: 'POST',
                data: $('#form1').serialize(),
                async:true,
          beforeSend: function () {
             $('#spin').modal('show');
             }
          success: function(data) {
             $('#pairFr .modal-body').html(data);
             $('#pairFr').modal('show');
             $('#spin').modal('hide');
             }
        });
    });  
});