模态打开时如何发送参数json数组？

演示和完整代码是这样的： https ： //jsfiddle.net/xzxrp7nn/5/

我的HTML代码是这样的：

 
  
 
 
 
 
 
 
 
 Close 
 
  
   

我的Javascript代码是这样的：

 $(document).ready(function(){ var priceModal = '{"attributes":{"Code":"DBL","Total":"200000"},"DayPrice":{"Date":"2016-05-26","Rate":"200000"}}'; var isitable = 'tes'; $("#tes").html(isitable); $('#priceModal').on('show.bs.modal', function(e) { var param = e.relatedTarget.id; console.log(param); }) }) 

当打开模态时，我想获得参数priceModal。 我做console.log(param); 在$('#priceModal').on('show.bs.modal', function(e) { 。

但结果是： priceModal={

解决我的问题的任何解决方案？

谢谢

Answer 1

的jsfiddle

您使用的引号不正确：

  $(document).ready(function(){ var priceModal = "{'attributes':{'Code':'DBL','Total':'200000'},'DayPrice':{'Date':'2016-05-26','Rate':'200000'}}"; var isitable = 'tes'; $("#tes").html(isitable); $('#priceModal').on('show.bs.modal', function(e) { var param = e.relatedTarget.id; console.log(param); }); }); 

Answer 2

嗯，这不是建议但仍然如果你想实现它，那么你可以删除"在button id分配期间DOM仍然插入""到属性值，但这将有助于获取你的值。再次，这ain’保存id这种值的良好做法。您可以将它存储在同一element任何data-*属性中。

下面的示例显示了在分配id时删除""时会发生什么

 $(document).ready(function() { var priceModal = '{"attributes":{"Code":"DBL","Total":"200000"},"DayPrice":{"Date":"2016-05-26","Rate":"200000"}}'; var isitable = 'tes'; //^Remove "" from here $("#tes").html(isitable); $('#priceModal').on('show.bs.modal', function(e) { var param = e.relatedTarget.id; $('.modal-body').html(param); }) }) 

 .clsDatePicker { z-index: 100000; } 

    
 
  
 
 
 
 
 
 
 
 Close