Javascript 如何访问和操作JSON数据(或者可能不是JSON)
我有一个web应用程序,它的表单包含一个表单输入组中的productType、productName和productPrice。当我单击add按钮时,所有表单输入数据都将显示在表列表中,并使用JS(jQuery)插入到数组中 该数组(listProduct)值将用于填充另一个表单(我在下面的源代码中使用的表单)上的隐藏输入。名为pdf content的隐藏输入将用作我的pdf maker控制器的内容 但在这里,我只想知道如何访问和操作这些数据。我使用Javascript 如何访问和操作JSON数据(或者可能不是JSON),javascript,php,jquery,arrays,json,Javascript,Php,Jquery,Arrays,Json,我有一个web应用程序,它的表单包含一个表单输入组中的productType、productName和productPrice。当我单击add按钮时,所有表单输入数据都将显示在表列表中,并使用JS(jQuery)插入到数组中 该数组(listProduct)值将用于填充另一个表单(我在下面的源代码中使用的表单)上的隐藏输入。名为pdf content的隐藏输入将用作我的pdf maker控制器的内容 但在这里,我只想知道如何访问和操作这些数据。我使用JSON.stringify,然后使用JSON
JSON.stringify
,然后使用JSON\u decode()
函数,但结果总是(例如在这里我添加了两个列表)[“productType1,product1,xxxxx”,“productType2,anotherName,xxx”]
(这只是一个示例)。我不知道该怎么处理。实际上,我有一个想法,使用PHP将其转换为数组,但这不起作用。我想访问表格视图pdf页面的数据
表格
<!-- form for sending the content from hidden input which contains all of product's data -->
<?php echo form_open(base_url().'index.php/ctest/makePDF', array('role'=>'form', 'name'=>'form-process', 'method'=>'POST')); ?>
<input type="hidden" name="pdf-content" id="pdf-content" />
<button type="submit" id="process" class="btn btn-success">
<span class="icon-step-forward"></span>
Process
</button>
</form>
帮助我们,帮助你。请更好地格式化您的代码。所有内容都在一行中,用这种方式阅读非常困难代码>而不是PHP文件中的这两行。您已将产品列表转换为JSON,无需再次转换,只需对其进行解码即可。这行内容
console.log('#pdf content:'+$('#pdf content').val())代码>控制台中的输出?@Spectarion正确。我只是把那个放错了。结果与我的示例输出相同[…]可能重复的Help us Help you。请更好地格式化您的代码。所有内容都在一行中,用这种方式阅读非常困难代码>而不是PHP文件中的这两行。您已将产品列表转换为JSON,无需再次转换,只需对其进行解码即可。这行内容console.log('#pdf content:'+$('#pdf content').val())代码>控制台中的输出?@Spectarion正确。我只是把那个放错了。结果与我的示例输出相同[…]可能重复的
// adding new content data to the table via jQuery
var listProduct = new Array();
$('#addContent').on('click', function() {
var productType = $('select[name="product_type"]').val();
var productName = $('input[name="product2"]').val();
var productPrice = $('input[name="price"]').val();
var dataList = '<tr> ' + '<td>' + Product Type + '</td>' + '<td>' + Product Name + '</td>' + '<td>' + Price + '</td>' + '</tr>';
$('#product-list').append(dataList);
listProduct.push(productType + ',' + ProductName + ',' + productPrice);
console.log('listProduct: ' + listProduct);
$('#pdf-content').val(JSON.stringify(listProduct));
console.log('#pdf-content: ' + $('#pdf-content').val());
});
// controller method: index.php/ctest/makePDF
$arr = json_encode($_POST['pdf-content']);
$arr1 = json_decode($arr);