Penyegaran halaman jQuery (sebahagian, semua) analisis masalah_jquery

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

jQuery merangkumkan operasi Ajax Dalam jQuery, kaedah $.ajax() ialah kaedah peringkat terendah Lapisan kedua ialah kaedah laod(), $.get() dan $.post() dan yang ketiga layer ialah kaedah $.getScript() dan $.getJSON().

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
.

Penyelesaiannya ialah:

1. Jika pelanggan menggunakan pengekodan gb2312, nyatakan pengekodan aliran output pada pelayan

2. Kedua-dua pelayan dan pelanggan menggunakan pengekodan utf-8

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

• 1 window.location.reload() menyegarkan halaman semasa.
  
• 2 parent.location.reload() menyegarkan objek induk (untuk rangka kerja)
  
• 3 opener.location.reload() menyegarkan objek tetingkap induk (untuk tetingkap buka tunggal)
  
• 4 top.location.reload() menyegarkan objek teratas (untuk berbilang tetingkap)

Di atas adalah kandungan terperinci artikel ini, saya harap ia akan membantu kajian semua orang.