Jquery序列化之前先加密

jQuery序列化是将JavaScript对象转换为字符串的过程，以便将其发送到服务器，这个过程通常用于表单数据的提交，在jQuery中，可以使用$.param()方法来实现对象的序列化。

$.param()方法接受一个对象作为参数，并返回一个字符串，其中包含该对象的所有属性和值，以键值对的形式表示。

var obj = {
  name: "张三",
  age: 30,
  city: "北京"
};
var serializedObj = $.param(obj);
console.log(serializedObj); // 输出：name=%E5%BC%A0%E4%B8%89&age=30&city=%E5%8C%97%E4%BA%AC

在这个例子中，我们创建了一个名为obj的对象，然后使用$.param()方法将其序列化为一个字符串，序列化后的字符串可以用于表单数据的提交。

除了$.param()方法之外，jQuery还提供了一些其他的方法来处理序列化，如$.ajax()、$.getJSON()等，这些方法在内部都使用了$.param()方法来实现对象的序列化。

以下是一些常见的使用场景：

1、表单提交：当用户填写表单并点击提交按钮时，可以使用jQuery的序列化功能将表单数据转换为字符串，并将其发送到服务器。

<form id="myForm">
  <input type="text" name="name" value="张三">
  <input type="text" name="age" value="30">
  <input type="text" name="city" value="北京">
  <button type="submit">提交</button>
</form>
<script>
$("#myForm").submit(function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为
  var formData = $(this).serialize(); // 获取表单数据并进行序列化
  console.log(formData); // 输出：name=张三&age=30&city=北京
  // 将序列化后的数据发送到服务器
  $.post("/submit", formData, function(response) {
    console.log(response);
  });
});
</script>

2、AJAX请求：在使用jQuery发起AJAX请求时，可以将需要发送到服务器的数据进行序列化。

$.ajax({
  url: "/api/data",
  type: "POST",
  data: { key1: "value1", key2: "value2" }, // 需要发送的数据，已经进行了序列化
  success: function(response) {
    console.log(response);
  }
});

3、JSONP请求：在使用jQuery发起JSONP请求时，也可以将需要发送到服务器的数据进行序列化。

$.ajax({
  url: "https://example.com/api/data",
  dataType: "jsonp", // 指定数据类型为JSONP
  data: { key1: "value1", key2: "value2" }, // 需要发送的数据，已经进行了序列化
  success: function(response) {
    console.log(response);
  }
});

jQuery序列化是一个非常实用的功能，可以帮助我们更方便地处理表单数据和AJAX请求，通过使用$.param()方法或其他相关方法，我们可以将JavaScript对象转换为字符串，并将其发送到服务器。