เมื่อใช้ AJAXLanguage API คุณสามารถแปลและตรวจจับภาษาของพื้นที่ใดพื้นที่หนึ่งบนหน้าเว็บได้โดยใช้ JavaScript เท่านั้น
API ได้รับการพัฒนาใหม่ ดังนั้นอาจมีข้อบกพร่องและข้อบกพร่องเล็กน้อยเมื่อเทียบกับเอกสารประกอบที่สมบูรณ์แบบ เราจะแก้ไขช่องโหว่เหล่านี้ ดังนั้นโปรดเข้าใจว่าคุณสามารถเข้าร่วมฟอรัมนักพัฒนา AJAX APIs เพื่อให้ข้อเสนอแนะและหารือเกี่ยวกับ API นี้
Audience เอกสารนี้จัดทำขึ้นสำหรับผู้ที่มีความคุ้นเคยกับการเขียนโปรแกรม JavaScript และแนวคิดการเขียนโปรแกรมเชิงวัตถุ มีบทเรียน JavaScript มากมายบนอินเทอร์เน็ต
ข้อมูลเบื้องต้นเกี่ยวกับโปรแกรม "Hello, World" บน Google Ajax Language API วิธีที่ง่ายที่สุดในการเริ่มเรียนรู้ API นี้คือดูตัวอย่างง่ายๆ ที่จะตรวจจับภาษาที่กำหนดและแปลเป็นภาษาอังกฤษ
<html>
<หัว>
<script type="text/javascript" src=" http://www.google.com/jsapi"></script >
<script type="text/javascript">
google.load("ภาษา", "1");
ฟังก์ชันเริ่มต้น() {
ข้อความ var = document.getElementById("ข้อความ").innerHTML;
google. language.detect (ข้อความ, ฟังก์ชั่น (ผลลัพธ์) {
ถ้า (!result.error && result.ภาษา) {
google.language.translate(ข้อความ, result.ภาษา, "en",
ฟังก์ชั่น (ผลลัพธ์) {
var แปล = document.getElementById("การแปล");
ถ้า (ผลการแปล) {
Translated.innerHTML = ผลลัพธ์.การแปล;
-
-
-
-
-
google.setOnLoadCallback(เริ่มต้น);
</script>
</หัว>
<ร่างกาย>
<div id="text">สวัสดี ยินดีที่ได้รู้จัก </div>
<div id="translation"></div>
</ร่างกาย>
</html>
คุณสามารถดูตัวอย่างได้ที่นี่ และแก้ไขและรันตามที่คุณต้องการ
รวม Ajax LanguageAPI ในหน้าเว็บของคุณ
ในการเพิ่ม AJAXLanguage API ไปยังหน้าเว็บของคุณ คุณต้องใช้ Google AJAX API Loader คลาสการโหลดสาธารณะนี้อนุญาตให้คุณโหลด AJAX API ทั้งหมดที่คุณต้องการ รวมถึง API ภาษาที่นี่ คุณต้องรวมแท็กสคริปต์ Google AJAX APIs และเรียก google.load("ภาษา", "1");
<script type="text/javascript" src=" http://www.google.com/jsapi"></script >
<script type="text/javascript">
google.load("ภาษา", "1");
</สคริปต์>
แท็กสคริปต์แรกจะโหลดฟังก์ชัน google.load ซึ่งช่วยให้คุณโหลด Google API ที่ต้องการได้ google.load("ภาษา", "1") โหลดเวอร์ชันแรกของ Language API ปัจจุบัน AJAXLanguage API เป็นเวอร์ชัน 1 แต่เวอร์ชันใหม่จะพร้อมใช้งานเร็วๆ นี้ ดูการอภิปรายเวอร์ชันด้านล่างสำหรับข้อมูลเพิ่มเติม
การอัปเดต API
พารามิเตอร์ตัวที่สองของฟังก์ชัน google.load คือเวอร์ชันของ AJAXLanguage API ที่คุณใช้อยู่ ปัจจุบัน AJAX Language API เป็นเวอร์ชัน 1 แต่เวอร์ชันใหม่จะพร้อมใช้งานเร็วๆ นี้
หากเราทำการอัปเดตที่สำคัญกับ API ในอนาคต เราจะเปลี่ยนหมายเลขเวอร์ชันและโพสต์ประกาศในการสนทนาของ Google Code และ AJAX APIS เมื่อเหตุการณ์นี้เกิดขึ้น เราคาดว่าจะสนับสนุนทุกเวอร์ชันต่อไปเป็นเวลาอย่างน้อยหนึ่งเดือนเพื่อให้คุณมีเวลาเพียงพอในการย้ายโค้ดของคุณ
ทีม AJAXLanguage API ให้การอัปเดตเป็นประจำเกี่ยวกับการแก้ไขข้อบกพร่องล่าสุดและการเพิ่มประสิทธิภาพแพลตฟอร์ม การแก้ไขข้อบกพร่องเหล่านี้ควรปรับปรุงประสิทธิภาพและแก้ไขข้อบกพร่องเท่านั้น แต่เป็นไปได้ที่เราอาจทำให้ผู้ใช้ API บางรายเสียหายโดยไม่ได้ตั้งใจ โปรดใช้กลุ่มสนทนา AJAX API เพื่อรายงานปัญหาดังกล่าว
ตัวอย่างการแปลภาษา กรณีนี้แสดงกระบวนการง่ายๆ ในการแปลตัวแปรสตริง JavaScript
google. language.translate("Hello world", "en", "es", function(result) {
ถ้า (!result.error) {
var คอนเทนเนอร์ = document.getElementById("การแปล");
container.innerHTML = result.translation;
-
-
ดูเคส (translate.html)
การตรวจจับภาษา กรณีนี้แสดงการตรวจจับภาษาสำหรับสตริง JavaScript รหัสภาษาจะถูกส่งกลับ
var text = "¿Dónde está el baño?"$$
google. language.detect (ข้อความ, ฟังก์ชั่น (ผลลัพธ์) {
ถ้า (!result.error) {
ภาษา var = 'ไม่ทราบ';
สำหรับ (l ingoogle. language.Languages) {
ถ้า (google.language.Languages[l] == result.ภาษา) {
ภาษา = ลิตร;
หยุดพัก;
-
-
var คอนเทนเนอร์ = document.getElementById("การตรวจจับ");
container.innerHTML = text + " คือ: " + language + ""$$
-
-
ดูกรณี (detection.html)
การตรวจจับแหล่งที่มาระหว่างการแปล กรณีต่อไปนี้คล้ายกับกรณีการแปลพื้นฐาน แต่จะแสดงวิธีการแปลข้อความเมื่อไม่ทราบภาษาต้นฉบับ โดยการส่งสตริงว่างเพื่อแสดงภาษาต้นฉบับที่ไม่รู้จัก ระบบจะตรวจจับและแปลโดยอัตโนมัติในการโทรครั้งเดียว
google.language.translate("สวัสดีชาวโลก", "", "es", function(result) {
ถ้า (!result.error) {
var คอนเทนเนอร์ = document.getElementById("การแปล");
container.innerHTML = result.translation;
-
-
ดูตัวอย่าง (autotranslate.html)
สำหรับตัวอย่างเพิ่มเติม ต่อไปนี้คือตัวอย่างการโต้ตอบเพิ่มเติมสองตัวอย่าง กรณีแรกดำเนินการตรวจสอบภาษาในสตริงข้อความที่ป้อนไว้ล่วงหน้า ขณะเดียวกันก็อนุญาตให้ป้อนข้อความอื่นได้ นอกจากนี้ยังแสดงให้เห็นถึงปัจจัยด้านความเชื่อมั่นและความน่าเชื่อถือ (หมายเหตุนักแปล)
ดูเคส (detect.html)
กรณีเพิ่มเติมที่สองสำหรับการแปล นอกจากนี้ยังอนุญาตให้มีการโต้ตอบที่คล้ายกับที่อธิบายไว้ข้างต้น
ดูรายละเอียด API ของเคส (translate.html)
ภาษาที่รองรับ
GoogleAJAXLanguage API รองรับภาษาต่อไปนี้แล้ว เทคโนโลยีมีการปรับปรุงอย่างต่อเนื่อง และทีมงานของเรากำลังทำงานอย่างหนักเพื่อขยายรายการนี้ ดังนั้นโปรดกลับมาตรวจสอบบ่อยๆ คุณยังสามารถไปที่ Google Translate เพื่อดูรายการที่อัปเดตล่าสุดได้
ภาษาอาหรับ
จีน (ตัวย่อและตัวเต็ม)
ภาษาดัตช์
ภาษาอังกฤษ
ภาษาฝรั่งเศส
เยอรมัน
กรีก
ภาษาอิตาลี
ญี่ปุ่น
เกาหลี
โปรตุเกส
ภาษารัสเซีย
สเปน
คู่การแปลภาษาที่รองรับ
ขณะนี้ GoogleAJAXLanguage API รองรับคู่การแปลภาษาต่อไปนี้ เทคโนโลยีมีการปรับปรุงอย่างต่อเนื่อง และทีมงานของเรากำลังทำงานอย่างหนักเพื่อขยายรายการนี้ ดังนั้นโปรดกลับมาตรวจสอบบ่อยๆ คุณยังสามารถไปที่ Google Translate เพื่อดูรายการที่อัปเดตล่าสุดได้
ภาษาอาหรับเป็นภาษาอังกฤษ
จีนเป็นอังกฤษ
จีน (ตัวย่อถึงตัวเต็ม)
จีน (ตัวเต็มถึงตัวย่อ)
ดัตช์เป็นอังกฤษ (ดัตช์เป็นอังกฤษ)
ภาษาอังกฤษเป็นภาษาอาหรับ
ภาษาอังกฤษเป็นภาษาจีน (ตัวย่อ)
ภาษาอังกฤษเป็นภาษาจีน (ตัวเต็ม)
ภาษาอังกฤษเป็นภาษาดัตช์
ภาษาอังกฤษเป็นภาษาฝรั่งเศส
ภาษาอังกฤษเป็นภาษาเยอรมัน
ภาษาอังกฤษเป็นภาษากรีก
ภาษาอังกฤษเป็นภาษาอิตาลี
ภาษาอังกฤษเป็นภาษาญี่ปุ่น
ภาษาอังกฤษเป็นภาษาเกาหลี
ภาษาอังกฤษเป็นภาษาโปรตุเกส
ภาษาอังกฤษเป็นภาษารัสเซีย
ภาษาอังกฤษเป็นภาษาสเปน
ฝรั่งเศสเป็นอังกฤษ (ฝรั่งเศสเป็นอังกฤษ)
ภาษาฝรั่งเศสเป็นภาษาเยอรมัน
เยอรมันเป็นอังกฤษ
เยอรมันเป็นฝรั่งเศส
ภาษากรีกเป็นภาษาอังกฤษ
อิตาลีเป็นอังกฤษ (อิตาลีเป็นอังกฤษ)
ภาษาญี่ปุ่นเป็นภาษาอังกฤษ
เกาหลีเป็นอังกฤษ (เกาหลีเป็นอังกฤษ)
โปรตุเกสเป็นอังกฤษ (โปรตุเกสเป็นอังกฤษ)
รัสเซียเป็นอังกฤษ (รัสเซียเป็นอังกฤษ)
ภาษาสเปนเป็นภาษาอังกฤษ
การแก้ปัญหา หากคุณพบปัญหาในโค้ดของคุณ:
ตรวจสอบโค้ด โปรดทราบว่า JavaScript เป็นภาษาที่คำนึงถึงขนาดตัวพิมพ์
หากต้องการใช้ดีบักเกอร์ JavaScript ใน Firefox คุณสามารถใช้คอนโซล JavaScript หรือส่วนขยาย FireBug ใน IE คุณสามารถใช้ Microsoft Script Debugger ได้
ค้นหากลุ่มสนทนา AJAXAPIs หากคุณไม่พบโพสต์ที่ตอบคำถามของคุณ ให้โพสต์คำถามของคุณในกลุ่มสนทนาและใส่ลิงก์ไปยังหน้าที่คุณถามคำถาม