javascript - ajax如何处理并显示服务器返回的页面数据？

Question

问题描述：

js中 对于表单的数据，想将其封装成json后进行提交。目前使用ajax方式提交，服务器会返回一个新的页面，怎么在ajax处理并显示这个新页面，或者有没有非ajax方式提交json数据

数据说明：

想实现一个头像上传功能。提交的数据是用来裁剪图片的，裁剪成功后服务器返回显示裁剪后图片的页面。

附加问题：

目前功能的流程是这样的：用户选择图片，上传到服务器，服务器回显图片，用户选择想作为头像的区域，上传数据，服务器进行裁剪，回显裁剪图片。
其中用户选择图片后需要先上传再显示，有没有办法在用户选择好图片后直接在页面上显示，等用户选择好区域后连同原图和裁剪数据一起上传到服务器。

Answer 1

1. ajax请求返回HTML，你就再ajax的回调方法中解析返回的html内容，读取你想要的内容

2. HTML5 有相应地API读取本地文件内容

Answer 2

将裁剪的图片上传保存以后，返回图片的地址给前台显示不就行了

Answer 3

用canvas裁剪，然后上传裁剪后生成的图片数据，不需要异步返回，手机不方便，详情稍后