Contoh artikel ini dibahagikan kepada dua bahagian untuk memperkenalkan masalah muat semula jquery Bahagian pertama memperkenalkan muat semula separa halaman;
Pertama: Muat semula halaman separa
Fokus pada analisis Kaedah load() biasanya digunakan untuk mendapatkan fail data statik daripada pelayan Web Untuk menghantar beberapa parameter ke halaman dalam pelayan, anda boleh menggunakan kaedah $.get() atau $.post() $. kaedah ajax
load() Code //无参数传递,则是GET方式 $("#resText").load("test.php",function(){ //...... }); //有参数传递,则是POST方式 $("#resText").load("test.php",{name:"xht555",age:"24"},function(){ //...... });
Mari kita bincangkan secara ringkas tentang perbezaan antara siaran dan dapatkan:
get: Gunakan kaedah get untuk menghantar data ringkas (iaitu penyemak imbas menambahkan setiap elemen medan borang dan datanya ke penghujung url mengikut format parameter URL), tetapi saiznya biasanya terhad kepada 1KB; dicache oleh pelayar pelanggan Bangun, ia tidak selamat.siaran: Penyemak imbas menghantar setiap elemen medan borang dan datanya ke pelayan web sebagai kandungan entiti mesej HTTP, dan bukannya menghantarnya sebagai parameter alamat URL
Ringkasan:
1: Kaedah GET menghantar sejumlah kecil data, mempunyai kecekapan pemprosesan yang tinggi dan keselamatan yang rendah, dan akan dicache, manakala yang sebaliknya berlaku untuk POST.
2: Masalah kacau AJAX
Sebab watak bercelaru:
1. Pengekodan aksara lalai bagi data yang dikembalikan oleh xtmlhttp ialah utf-8 Jika halaman klien ialah gb2312 atau data lain yang dikodkan, aksara bercelaru akan dijana
.
2. Pengekodan aksara lalai untuk data yang diserahkan oleh kaedah siaran ialah utf-8 Jika pengekodan sisi pelayan ialah gb2312 atau data pengekodan lain, aksara yang tidak betul akan dihasilkan
.
1. Jika pelanggan menggunakan pengekodan gb2312, nyatakan pengekodan aliran output pada pelayan
gb2312:header('Content-Type:text/html;charset=GB2312');
utf8:header('Content-Type:text/html;charset=utf-8');
Nota: Jika anda telah mengikuti kaedah di atas dan masih memulangkan aksara yang bercelaru, semak sama ada kaedah anda mendapat untuk mendapatkan permintaan (atau mana-mana parameter lulus url), parameter yang diluluskan mesti diluluskan pemprosesan kaedah encodeURIComponent tidak digunakan, aksara bercelaru juga akan dijana
$.post() Code //$.post()方式: $('#test_post').click(function (){ $.post( 'ajax_json.php', { username:$('#input1').val(), age:$('#input2').val(), sex:$('#input3').val(), job:$('#input4').val() }, function (data) //回传函数 { var myjson=''; eval('myjson=' + data + ';'); $('#result').html("姓名:" + myjson.username + "<br/>工作:" + myjson['job']); } ); }); $.get() Code //$.get()方式: $('#test_get').click(function () { $.get( 'ajax_json.php', { username:$("#input1").val(), age:$("#input2").val(), sex:$("#input3").val(), job:$("#input4").val() }, function(data) //回传函数 { var myjson=''; eval("myjson=" + data + ";"); $('#result').html("姓名:" + myjson.username + "<br/>工作:" + myjson['job']); } ); }); }); $.getJson(”Default.php”, {id:”1″, page: “2″ }, function(data){ //注意,这里返回的JSON数据格式,不同于xml. });
Kedua: Muat semula semua halaman