Apa yang perlu dilakukan jika parameter ajax jquery melepasi aksara bercelaru

Dengan perkembangan teknologi Internet, semakin banyak tapak web menggunakan teknologi Ajax untuk mencapai interaksi dinamik pada halaman web. jQuery, perpustakaan JavaScript yang paling popular, juga merupakan pilihan pertama untuk banyak tapak web. Walau bagaimanapun, apabila menggunakan Ajax jQuery untuk menghantar permintaan POST, banyak pembangun akan menghadapi masalah yang sangat memalukan - parameter Cina yang kacau. Artikel ini akan membincangkan punca dan penyelesaian kepada masalah ini.

Punca masalah

Apabila menghantar permintaan POST, kaedah Ajax jQuery menyerikan parameter dalam format "application/x-www-form-urlencoded" secara lalai dan menghantarnya ke bahagian belakang . Format ini agak mudah dan mempunyai keserasian terbaik antara penyemak imbas. Walau bagaimanapun, apabila parameter mengandungi aksara Cina, ia akan menyebabkan aksara bercelaru. Ini kerana format ini tidak menyokong bahasa Cina, dan bahasa Cina memerlukan pengekodan URL dan melarikan diri untuk penghantaran yang betul.

Untuk menyelesaikan masalah ini, kami boleh mempertimbangkan untuk menggunakan format data lain yang disediakan oleh jQuery - "multipart/form-data". Format ini menyokong bahasa Cina, tetapi perlu diingat bahawa apabila menggunakan format ini, pengepala permintaan akan mengandungi "Jenis Kandungan: multipart/form-data; sempadan=----XXXXXX", yang akan menyebabkan penyemak imbas secara automatik Menambahkan pembatas yang mungkin mengganggu bahagian belakang menghuraikan nilai parameter.

Penyelesaian

Untuk menangani masalah di atas, kita boleh menggunakan tiga penyelesaian berikut:

Kaedah 1: Mengekod URL secara manual

Apabila menghantar parameter , kami boleh mengekod URL secara manual dan kemudian menyahkodnya pada bahagian belakang. Parameter boleh dikodkan menggunakan kaedah encodeURIComponent() JavaScript. Contohnya:

$.ajax({
  type:'POST',
  url:url,
  data: {'name':encodeURIComponent('张三'),'age':20},
  success:function(data){
    console.log(data);
  }
});

Di bahagian belakang, gunakan kaedah URLDecoder.decode() Java untuk menyahkod:

String name = URLDecoder.decode(request.getParameter("name"), "UTF-8");
int age = Integer.parseInt(request.getParameter("age"));

Kaedah ini lebih menyusahkan dan memerlukan operasi pengekodan dan penyahkodan pada kedua-dua hujung depan dan belakang.

Kaedah 2: Ubah suai pengepala permintaan

Kami boleh mengubah suai pengepala permintaan, menukar "Content-Type" kepada "application/json;charset=utf-8", dan menggunakan format JSON untuk menghantar data. Contohnya:

$.ajax({
  type:'POST',
  url:url,
  contentType: "application/json;charset=utf-8",
  data: JSON.stringify({'name':'张三','age':20}),
  success:function(data){
    console.log(data);
  }
});

Di bahagian belakang, gunakan JsonParser Java untuk menghuraikan JSON:

JsonParser parser = new JsonParser();
JsonObject object = parser.parse(json).getAsJsonObject();
String name = object.get("name").getAsString();
int age = object.get("age").getAsInt();

Kaedah ini agak mudah, tetapi ia hanya sesuai untuk menghantar data dalam format JSON.

Kaedah 3: Ubah suai kod bahagian belakang

Jika bahagian belakang menggunakan PHP, anda boleh terus menggunakan $_POST atau $_REQUEST untuk mendapatkan nilai parameter tanpa pengekodan atau penyahkodan. Contohnya:

$name = isset($_POST['name']) ? $_POST['name'] : '';
$age = isset($_POST['age']) ? intval($_POST['age']) : 0;

Jika hujung belakang menggunakan Java, anda boleh menggunakan kaedah getInputStream() HttpServletRequest untuk mendapatkan nilai parameter. Contohnya:

StringBuilder sb = new StringBuilder();
BufferedReader bufferedReader = null;
try {
  InputStream inputStream = request.getInputStream();
  bufferedReader = new BufferedReader(new InputStreamReader(inputStream));
  String line = null;
  while((line = bufferedReader.readLine()) != null) {
    sb.append(line);
  }
} catch (IOException e) {
  e.printStackTrace();
} finally {
  if(bufferedReader != null) {
    try {
      bufferedReader.close();
    } catch (IOException e) {
      e.printStackTrace();
    }
  }
}

Seterusnya, kita boleh menggunakan JsonParser untuk menghuraikan data dalam format JSON, atau menghuraikan data secara manual dalam format application/x-www-form-urlencoded.

Ringkasnya, setiap kaedah mempunyai kelebihan dan kekurangannya sendiri, dan kita boleh memilih kaedah yang paling sesuai untuk kita mengikut situasi tertentu. Tidak kira kaedah yang digunakan, perhatian perlu diberikan kepada pengekodan dan penyahkodan parameter Cina untuk mengelakkan aksara yang bercelaru.

Atas ialah kandungan terperinci Apa yang perlu dilakukan jika parameter ajax jquery melepasi aksara bercelaru. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!