{"id":1315,"date":"2025-01-24T05:04:05","date_gmt":"2025-01-23T21:04:05","guid":{"rendered":"http:\/\/www.chan.ink\/?p=1315"},"modified":"2025-01-24T05:04:07","modified_gmt":"2025-01-23T21:04:07","slug":"%e3%80%90debug%e3%80%91ajax-%e8%af%b7%e6%b1%82%e7%9a%84%e6%95%b0%e6%8d%ae%e6%a0%bc%e5%bc%8f%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"http:\/\/www.chan.ink\/index.php\/2025\/01\/24\/%e3%80%90debug%e3%80%91ajax-%e8%af%b7%e6%b1%82%e7%9a%84%e6%95%b0%e6%8d%ae%e6%a0%bc%e5%bc%8f%e9%97%ae%e9%a2%98\/","title":{"rendered":"\u3010Debug\u3011AJAX \u8bf7\u6c42\u7684\u6570\u636e\u683c\u5f0f\u95ee\u9898"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u95ee\u9898\u63cf\u8ff0\uff1a\u8868\u5355\u6570\u636e\u660e\u660e\u6709\u6570\u636e\uff0c\u4f1a\u6709\u9519\u8bef\u63d0\u793a\u6ca1\u6709\u8f93\u5165\u6570\u636e\uff0c\u4e14\u540e\u53f0\u63a5\u53e3\u65e0\u6cd5\u83b7\u53d6\u5230\u5bf9\u5e94\u7684\u6570\u636e<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u524d\u7aefJS\u4ee3\u7801\u5982\u4e0b<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    &lt;script>\n        $(function (){\n            $('#btnAdd').click(function (){\n                $('#addModal').modal('show');\n            });\n\n            $('#btnAddSubmit').click(function (){\n\n                var data = $('#addForm').serialize();\n                $.ajax({\n                    url:\"{% url 'customer_charge_add' pk=pk %}\",\n                    type:'POST',\n                    data: $(\"#addForm\").serialize(),\n                    headers:{\n                      'X-CSRFTOKEN':getCookie('csrftoken'),\n                        \n                    },\n                    dataType: 'JSON',\n                    success:function (res){\n                        if(res.status){\n\n                        }else{\n                            $.each(res.detail,function (k,v){\n                                $('#id_' + k).next().text(v&#91;0]);\n                            });\n                        }\n                    },\n                    error: function (xhr, status, error) {\n                        console.error(\"AJAX \u8bf7\u6c42\u5931\u8d25:\", error);\n                    }\n                });\n            });\n        })\n    &lt;\/script><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u540e\u7aef\u5bf9\u5e94\u7684\u89c6\u56fe\u51fd\u6570\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>def customer_charge_add(request,pk):\n    print(pk)\n    print('request.Post',request.POST)\n    form = ChargeModelForm(data=request.POST)\n    if not form.is_valid():\n        return JsonResponse({'status':False,'detail':form.errors})\n\n    return JsonResponse({'status':True})<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u6d4f\u89c8\u5668\u62a5\u9519\u9875\u9762\u5c55\u793a\u5982\u4e0b\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"988\" height=\"492\" src=\"http:\/\/www.chan.ink\/wp-content\/uploads\/2025\/01\/1737665671690.png\" alt=\"\" class=\"wp-image-1316\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u8bb0\u5f55\u7684\u65e5\u5fd7\u5982\u4e0b<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"76\" src=\"http:\/\/www.chan.ink\/wp-content\/uploads\/2025\/01\/1737665701511.png\" alt=\"\" class=\"wp-image-1317\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u95ee\u9898\u89e3\u51b3\uff1a\u5173\u4e8e\u660e\u660e\u8868\u5355\u6709\u6570\u636e\u7684\u60c5\u51b5\u4e0b\uff0c\u62a5\u9519\u63d0\u793a\u6ca1\u6570\u636e\u53ca\u540e\u53f0\u6536\u4e0d\u5230\u6570\u636e<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>AJAX \u8bf7\u6c42\u7684\u6570\u636e\u683c\u5f0f<\/strong>\u95ee\u9898<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0cDjango \u7684\u00a0<code>request.POST<\/code>\u00a0\u53ea\u80fd\u89e3\u6790\u00a0<code>application\/x-www-form-urlencoded<\/code>\u00a0\u683c\u5f0f\u7684\u6570\u636e\u3002<\/li>\n\n\n\n<li>\u5982\u679c\u4f60\u7684 AJAX \u8bf7\u6c42\u4f7f\u7528\u4e86\u00a0<code>application\/json<\/code>\u00a0\u6216\u5176\u4ed6\u683c\u5f0f\uff0c<code>request.POST<\/code>\u00a0\u5c06\u65e0\u6cd5\u89e3\u6790\u6570\u636e\u3002<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"909\" height=\"1140\" src=\"http:\/\/www.chan.ink\/wp-content\/uploads\/2025\/01\/1737666216541.png\" alt=\"\" class=\"wp-image-1319\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u95ee\u9898\u63cf\u8ff0\uff1a\u8868\u5355\u6570\u636e\u660e\u660e\u6709\u6570\u636e\uff0c\u4f1a\u6709\u9519\u8bef\u63d0\u793a\u6ca1\u6709\u8f93\u5165\u6570\u636e\uff0c\u4e14\u540e\u53f0\u63a5\u53e3\u65e0\u6cd5\u83b7\u53d6\u5230\u5bf9\u5e94\u7684\u6570\u636e \u524d\u7aefJS\u4ee3\u7801\u5982\u4e0b \u540e\u7aef [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1315","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/posts\/1315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/comments?post=1315"}],"version-history":[{"count":1,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/posts\/1315\/revisions"}],"predecessor-version":[{"id":1320,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/posts\/1315\/revisions\/1320"}],"wp:attachment":[{"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/media?parent=1315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/categories?post=1315"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/tags?post=1315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}