Javascript 需要使用JQuery和Shopify创建集合并使用返回的ID添加产品的示例吗_Javascript_Jquery_Ajax_Shopify_Liquid

Javascript 需要使用JQuery和Shopify创建集合并使用返回的ID添加产品的示例吗

javascript jquery ajax shopify

Javascript 需要使用JQuery和Shopify创建集合并使用返回的ID添加产品的示例吗,javascript,jquery,ajax,shopify,liquid,Javascript,Jquery,Ajax,Shopify,Liquid,我对网络开发非常陌生。我正在看这些文件，我需要一个更完整的例子来遵循我需要一个使用jQuery脚本创建自定义集合（仅使用标题）的示例，然后向其中添加多个产品。我还不了解的主要部分是如何获取集合ID（将在对POST/admin/custom_collections.json的响应中）一旦我有了集合ID，我就可以使用它来添加产品（即创建新的集合对象），如图所示看到一个完整但简单的例子会很有帮助。这是我到目前为止所拥有的。（var new_collection_title来自HTML表单。）

我对网络开发非常陌生。我正在看这些文件，我需要一个更完整的例子来遵循

我需要一个使用jQuery脚本创建自定义集合（仅使用标题）的示例，然后向其中添加多个产品。我还不了解的主要部分是如何获取集合ID（将在对POST/admin/custom_collections.json的响应中）

一旦我有了集合ID，我就可以使用它来添加产品（即创建新的集合对象），如图所示

看到一个完整但简单的例子会很有帮助。这是我到目前为止所拥有的。（var new_collection_title来自HTML表单。）


$（文档）.ready（函数（）{
$（“#提交表格”）。单击（函数（e）{
e、 预防默认值（）；
var集合id；
函数createCollection（）{
var collection_title=$（“#新_collection_title”）.val（）；
变量参数={
键入：“POST”，
url:“/admin/custom_collections.json”，
数据：“标题=”+集合标题，
数据类型：“json”，
成功：功能（响应）{
控制台日志（响应）；
collection_id=response.id；
console.log（集合id）；
},
错误：函数（）{
控制台日志（响应）；
}
};
$.ajax（params）；
};
createCollection（）；
});
TODO:添加将产品放入刚刚创建的集合的函数。。。

以下是我得到的答复：

    Use of getPreventDefault() is deprecated.  Use defaultPrevented instead. jquery.min.js:17
"length is 11" test_collection:776
"collection_title: [MyFirstCollection]" test_collection:794

"log: {"custom_collection":{"title":"MyFirstWishList1"}}" test_collection:795

"create collection failed! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"beacon-5.newrelic.com","errorBeacon":"bam.nr-data.net","licenseKey":"xxxxxxxxxx","applicationID":"151","transactionName":"zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz=","queueTime":8,"applicationTime":17,"ttGuid":"","agentToken":null,"agent":"js-agent.newrelic.com/nr-476.min.js"}</script>
<script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"VQQUUFNS"};window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o?o:e)},o,o.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({ABC4zc:[function(t,e){fu"[…] test_collection:817

不推荐使用getPreventDefault（）。请改用defaultPrevented.jquery.min.js:17
“长度为11”测试集合：776
“集合标题：[MyFirstCollection]”测试集合：794
日志：{“自定义”集合：{“标题”：“MyFirstWishList1”}}“测试”集合：795
“创建集合失败！
window.NREUM | | |（NREUM={}）；NREUM.info={“beacon”：“beacon-5.newrelic.com”，“errorBeacon”：“bam.nr data.net”，“licenseKey”：“xxxxxxxxx”，“applicationID”：“151”，“transactionName”：“zzzzzzzzzzzzzzz=”，“queueTime”：8，“applicationTime”：17，“ttGuid”：“agentoken”：null，“agent”：“js agent.newrelic.com/nr-476.min.js”}
（窗口.nReReum.NReReum 124；（窗口.nReReum{{}）以及（窗口.NREUM.nReReum 124；（窗口.NREUM{}）以及（窗口.nReReum{以及（窗口.nReReum{）以及（窗口.nReReReReReum.[除了除了除了除了除了）之外，以及（窗口..nReReReReum....（.（.（.（.（除了除了除了除了除了除了除了除了除了除了除了除了除了除了除了除了除了除了除了除了除了除了上述，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，[[硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质硬质..硬质.硬质.硬质.硬质.硬质.硬质.硬质.硬质.硬质.硬质不需要；用于（var o=0；o未经测试，但应能帮助您
<script>
$(document).ready(function () {
function createCollection(collection_title){    
 $.ajax{
            type: 'POST',
            url: '/admin/custom_collections.json',
            data: {"title":collection_title},
            dataType: 'json',
            success: function(response) { 
                console.log(response);
                collection_id = response.id;
                console.log(collection_id);
            },
            error: function() {
                console.log(response);
            }
        };
    return collection_id;
}
$("#submit-table").click(function(e) {     
e.preventDefault();
var collection_title = $("#new_collection_title").val();      
var collection_id=createCollection(collection_title);
});
</script>


$（文档）.ready（函数（）{
函数createCollection（集合标题）{
$.ajax{
键入：“POST”，
url:“/admin/custom_collections.json”，
数据：{“标题”：集合标题}，
数据类型：“json”，
成功：功能（响应）{
控制台日志（响应）；
collection_id=response.id；
console.log（集合id）；
},
错误：函数（）{
控制台日志（响应）；
}
};
退货回收标识；
}
$（“#提交表格”）。单击（函数（e）{
e、 预防默认值（）；
var collection_title=$（“#新_collection_title”）.val（）；
var collection\u id=createCollection（collection\u title）；
});
谢谢。这实际上与我的代码相同，这有助于我看到我没有忽略任何明显的东西（通过查看您的代码可以看出）。我在我的问题中添加了响应消息。对此有什么想法吗？我想在您的示例中，标题应该是引号：{“title”：collection\u title}。错误函数有权访问响应对象吗？（Javascript对我来说是新的。）谢谢。我想你的问题是定制集合不是Shopify Ajax API的一部分。因此，这永远不会起作用
<script>
$(document).ready(function () {
function createCollection(collection_title){    
 $.ajax{
            type: 'POST',
            url: '/admin/custom_collections.json',
            data: {"title":collection_title},
            dataType: 'json',
            success: function(response) { 
                console.log(response);
                collection_id = response.id;
                console.log(collection_id);
            },
            error: function() {
                console.log(response);
            }
        };
    return collection_id;
}
$("#submit-table").click(function(e) {     
e.preventDefault();
var collection_title = $("#new_collection_title").val();      
var collection_id=createCollection(collection_title);
});
</script>