ajax代码的简写

我认为代码很难看，因为它太长了，我想知道这有一个简写。 我需要帮助！

在我看来：

  $value) : ?> 
 点击编辑按钮后，jQuery将触发。 我看到我的jquery它有很长的代码，我只是替换了html代码，我认为它有简写。 有人可以帮帮我吗？ 先感谢您。 
 $(form).ajaxSubmit({ type: 'post', url: 'Jewelry_controller/edit_product_exe', dataType: 'json', data: dataString, success: function(callback) { var a; var productContainer = '
 
 
 
ID
 
Product Name
 
Price
 
Action
 
 
 
 
 prod_id; ?> 
 
 <span id="data-prodname-prod_id; ?>">product_name; ?> 
 
 ₱ <span id="data-price-prod_id; ?>">price; ?> 
 
 <a class="btn btn-primary btn-edit" id="edit-product-prod_id; ?>">  Edit  
 
  
 

'; productContainer += ''; productContainer += ''; productContainer += ''; productContainer += ''; productContainer += ''; productContainer += ''; for(var i = 0; i < callback.length; i++) { a = callback[i]; var ternary = a.status == '1' ? "Active" : "Inactive"; productContainer += ''; productContainer += ''; productContainer += ''; productContainer += ''; productContainer += ''; productContainer += ''; } productContainer += '
ID
Product Name
Price
Action
' + a.id +'
' + a.product_name + '
&#8369' + a.price + '
'; productContainer += ' Edit'; productContainer += '
'; $('#table-product').html(productContainer); } }); 

在成功代码中，它有很长的长代码。 我想缩短，任何人都可以帮忙吗？ 先谢谢你，我是AJAX的新手。

Answer 1

对于ajaxpost：访问https://api.jquery.com/jquery.post/

用于使用jquery创建自定义html标记。

  $('
', { 'id':'myDiv1', 'class':'myClass', 'style':'cursor:pointer;font-weight:bold;', 'html':'Creating dynamic content', 'click':function(){ alert(this.id) }, 'mouseenter':function(){ $(this).css('color', 'red'); }, 'mouseleave':function(){ $(this).css('color', 'black'); } }).appendTo('#myDiv2'); 

Answer 2

最好的想法是将您的“html-in-javascript”放入HTML中。 它看起来像（它不是工作代码，只是想法）

HTML

Javasript

 $('#table-product').html(template("products-tpl", callback)); 

你可以在这里选择一个模板框架https://developer.mozilla.org/en/docs/JavaScript_templates