วิธีจัดการ ajax call และ JSON ใน wordpress

ฉันมีประเภทโพสต์ที่กำหนดเองที่ฉันต้องการเข้าถึงผ่าน jQuery - ควรใช้ JSON

ดังนั้นสิ่งแรกก่อน การสร้างฟังก์ชั่นที่คืนค่า / echos json นั้นง่ายพอ แต่ฉันจะเข้าถึงมันผ่าน jquery ได้อย่างไร

อย่างที่ไมค์เขียนในคำถามนี้เขา - เท่าที่ฉันเข้าใจ - วางไว้ในรูท WordPress ซึ่งจะทำให้สามารถเข้าถึงได้โดยใช้ชื่อไฟล์ php - แต่นี่คือการแนะนำหรือไม่ ฉันอยากจะวางไว้ในโฟลเดอร์ปลั๊กอิน

ฉันได้ลองอ่าน wordpress codex แต่วิธีการจัดการการโทร ajax ทำให้ฉันสับสนเพราะคุณโพสต์ทุกการโทร ajax ไปที่ admin-ajax.php แม้ว่ามันจะไม่ใช่หน้าผู้ดูแลระบบก็ตาม

ใครช่วยกรุณาแก้ไขปัญหาที่ฉันมีให้ตรง

/พายุ

แก้ไข

ปัญหาที่ฉันได้รับคือการเข้าใจวิธีการโทร ajax ใน wordpress รวมถึงสถานที่ที่จะวางโค้ด php และ js ของคุณเพื่อทำ / จัดการการโทร

ในคำถามอื่น ๆ ที่ฉันเชื่อมโยงคุณสร้างฟังก์ชั่นการวางไฟล์ใน wp root - ฉันไม่ต้องการทำเช่นนั้น แต่ตอนนี้ฉันได้เรียนรู้วิธีใช้ wp_ajax_ (nopriv _) [action] และสามารถเข้าถึง json i ที่สร้างได้อย่างมีประสิทธิภาพ ปัญหาที่เหลือคือที่ที่ฉันควรวาง JS เพื่อโทร ฉันต้องการที่จะวางไว้ในไฟล์ปลั๊กอิน js แต่เป็นสิ่งที่จะนำเสนอในหน้าไม่ได้อยู่ในเว็บไซต์ของผู้ดูแลระบบ ajaxurl ไม่ได้กำหนดไว้ดังนั้นฉันต้องสะท้อนการใช้ php

echo admin_url('admin-ajax.php');

ดังนั้นคำถามจะกลายเป็นวิธีที่ฉันควรรวม php นี้กับ javascript และฉันควร enqueue มันอย่างไรเพราะมันไม่ใช่ไฟล์หรือสคริปต์

Ajax Handler

ย่อมเป็นความสับสนเล็กน้อยว่าตัวจัดการ Ajax อยู่ในwp-admin/ไดเรกทอรี แต่ใช่คุณสามารถและควรใช้สำหรับคำขอที่ไม่ใช่ผู้ดูแลระบบเช่นกัน จากนั้นคุณลงทะเบียนจัดการสำหรับเบ็ดแทนที่จะเป็นปกติwp_ajax_nopriv_[action] wp_ajax_[action]ในกรณีนี้คุณจะต้องทำตามบรรทัดแรกadmin-ajax.phpเท่านั้นเนื่องจากการร้องขอที่ทำโดยผู้ใช้ที่ไม่ได้ลงชื่อเข้าใช้จะทำให้หน้าอยู่ประมาณ 50 บรรทัด

ดังนั้นลงทะเบียนฟังก์ชั่นสำหรับเบ็ดwp_ajax_nopriv_get_custom_post_dataและมันจะได้รับการเรียกถ้าคุณขอadmin-ajax.phpกับชุดพารามิเตอร์action get_custom_post_dataให้แน่ใจว่าได้โทรติดต่อdie()เมื่อสิ้นสุดการจัดการของคุณเองมิฉะนั้นค่าเริ่มต้นdie(-1)จะถูกส่งกลับ และยังลงทะเบียนรุ่นที่ลงชื่อเข้าใช้wp_ajax_get_custom_post_data(ไปยังฟังก์ชั่นจัดการเดียวกันไม่มีปัญหา) เนื่องจากหากคุณลงชื่อเข้าใช้เว็บไซต์ของคุณคุณจะไม่กดnoprivตะขอ

กำหนดค่าฝั่งเซิร์ฟเวอร์เป็น Javascript

เคล็ดลับในการส่งข้อมูลการกำหนดค่าฝั่งเซิร์ฟเวอร์ (เช่นadmin-ajax.phpURL) wp_localize_script()เป็น คุณผ่านอาร์เรย์ของคีย์และค่าต่างๆซึ่งจะรวมอยู่ในส่วนบนของหน้า นี่อาจถูกสร้างขึ้นครั้งแรกสำหรับสตริงที่แปลได้เท่านั้น แต่คุณสามารถใช้มันเพื่อส่งผ่านข้อมูลการกำหนดค่าได้เช่นกัน

wp_localize_script('storm_json_config', 'storm_config', array(
    'ajaxurl' => admin_url('admin-ajax.php'),
));

storm_json_configคือชื่อหมายเลขอ้างอิง (ถ้าคุณต้องการ dequeue ในภายหลัง) storm_configเป็นชื่อของวัตถุ Javascript ที่จะมีข้อมูลของคุณ ดังนั้นไฟล์ Javascript แบบคงที่ของคุณสามารถมีบรรทัดเหมือนjQuery.post(storm_config.ajaxurl, ...)กัน

ดูเพิ่มเติมคำตอบ bueltge เพื่อคำถามที่คล้ายกัน

จาวาสคริปต์แบบคงที่จากปลั๊กอิน dir

โหลดไฟล์คง Javascript จาก dir wp_enqueue_script()ปลั๊กอินของคุณเองคุณใช้ ที่จะมีลักษณะเช่นนี้:

wp_enqueue_script('storm_json', plugin_dir_url(__FILE__) . 'js/json.js', array('jquery'), '20101105');

storm_jsonชื่อการจัดการอยู่ที่ไหนอีกครั้งจากนั้นคุณให้ลิงก์ไปยังไฟล์จากนั้นการอ้างอิง (สามารถnull) และจากนั้นหมายเลขเวอร์ชันที่จะเพิ่มหลังจากการร้องขอเพื่อเอาชนะเบราว์เซอร์แคชในการอัปเดต