本文共 3651 字，大约阅读时间需要 12 分钟。

���������������������������������������������������������������������������������������������������iferay������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������ jQuery ��� 360������API���������������������������������������������������������������������������������������������������������������������������������

������ jQuery ��� 360������API ������������������������

��������������������������������� jQuery ��� AJAX ������ programming interface���API������������ 360������API���������������������������������������������������������������������������������������������������������������������������������������������������������

������������

• JavaScript: ���������������������������������������
• jQuery: ��������������������������������������� DOM ���������������������������
• 360������API: ������������������������������������

3. ������������������
• ������ jQuery ���������: ��������� Vue_IA ���������������������������
• ������������������:
  • ������������������������
  • ���screen button ������������������
• ������������ API: ������ HTTP������������������������������
• ������������������: ��� API ���������������������������������
• ������������: ���������������������������������������

###������������

$(function() {
    // ���������������
    const $txt = $('#txt01').val();
    // ������������
    $.ajax({
        url: 'https://sug.so.360.cn/suggest',
        type: 'GET',
        dataType: 'jsonp',  // JSONP ������������������������������������ $.done()
        data: {
            word: $txt
        }
    })
    
    // ������������������
    .done(function(dat) {
        console.log(dat);
        
        // ������������������
        $('.content').empty();
        // ������������
        dat.result.forEach(function(item) {
            const $li = $('
').html(item.word);
            $li.appendTo('.content');
        });
    })
    
    // ������������
    .fail(function() {
        alert('������������������������������');
    });
});

###������������

4. ������������
• $(function() { ... }): jQuery ��������������������������������� DOM ���������������������
2. ������������
• const $txt = $('#txt01').val();������������������������
3. ������������
• $.ajax({ ... }): ������ HTTP ������
  • url: ������������
  • type: GET ��� POST ���������������
  • dataType: ������������������������ JSONP
  • data: ���������������������������fields ��������� word ��� huid ���
4. ������������
• done() ������������������������������
  • ������������: dat Result ���������������������������
  • ������������: ������ .empty() ���������������������������
  • ������������: ������ jQuery ������������������������������������ flerAppendTo ���������������
5. ������������
• ������������������������������������

###������������

6. ������������: ��������������������������� UTF-8 ������
7. ������������: ���������������������������������������
8. ������������: ������������������ JSONP������������������������������
9. ���������������: ������������������������������������������������������������

###������uppen ���������������������������������������������������

10. ������������:��llt.attachment_add
11. ���������������:
12. ���������������:
13. ������������:

���������������������������������������������������������������������������������������������������������������������������������������������������������������������������