ajax技术学习-526互联

ajax处理异步请求，刷新部分网页，不会将整个页面重新加载，左侧文本框输入数据，输入完成后实时显示在同业页面另一侧就用到了这个技术

<script type="text/javascript">
    $(function() {
      // 绑定键盘输入事件
      $('input').keyup(function() {
        // 构造参数
        var param = {
          title: $('#title').val(),
          name: $('#name').val(),
          age: $('#age').val()
          // 这里可以将需要传递的参数都添加上去
        };
        // 发送ajax请求，更新右侧iframe
        $.ajax({
          url: 'updateRight.jsp',
          type: 'post',
          data: param,
          success: function(data) {
            $('#myframe').contents().find('body').html(data);
          }
        });
      });
    });
  </script>

<input type="text" id="title" placeholder="简历标题" />

技术