js对话练习分享

分析：1。对话的生命周期：。

2.对话框结构：标题、内容(DOM)、数据、提交栏、关闭按钮。

并显示加载的数据。1.内容作为页面代码隐藏在页面中，对话框显示后，数据(Json对象)被分配给对话框。1)优点：实现最简单。2)缺点：加载页面时，页面代码多，如果不发生Dialog操作，就不会使用Dom的这一部分。如果弹出的对话框种类太多，页面的隐藏代码会大大增加页面大小。2.Contetn是一个单独的页面(代码块，类似于MVC中的partialView)。第一次弹出Dialog时，请求页面在Dialog中显示，并将编号(Json对象)赋给Dialog1。优点：只有当对话框弹出时，才能减小页面大小并加载相应的内容。2)缺点：第一次打开Dialog时，需要加载页面，有延迟效果，降低用户体验。3.Contetn是一个单独的页面(代码块，类似于MVC中的partialView)。每次弹出对话框时，都会请求页面，数据会与页面一起呈现，然后显示在对话框中。1)优点：几乎所有的背景帧都有数据渲染机制，可以方便地渲染编辑后的内容，减少前端代码的耦合。2)缺点：每次弹出对话框都需要重新加载相应的内容和数据。1.异步提交，序列化数据，通过Ajax(或iframe)提交到后台，然后返回json指示成功或失败。根据结果更改列表记录。1)优点：使用Ajax进行数据传输，无需刷新页面，就可以保持页面状态。2)缺陷：需要与后台耦合，根据后台结果显示成功或错误消息。需要协调前台和后台的验证和错误显示。2.表单表单提交，直接将表单提交到后台，刷新整个页面。1)优点：直接刷新页面，逻辑简单。2)缺点：页面状态丢失。如果你在搜索页面，你需要写回所有的输入；错误回显很复杂，因为对话框会在js前面弹出。如果对话框上显示数据，需要弹出对话框隐藏。1.对话框关闭后，对话框仅被隐藏。1)优点：实现简单，显示对话框的逻辑也会变得简单。2)缺点：在多个Dialog状态下，页面和内存中有多个Dialog对象，这取决于加载数据和内容的方式。如果每次打开对话框都加载新内容，也会增加复杂性。2.关闭对话框后，释放对话框对象。1)优点：每次打开新Dialog，都是独立操作，逻辑简单。2)缺点：增加了复杂性。每次关闭对话框，都需要缓存内容(DOM)，清除状态，并在下次显示对话框时重新加载。如果您每次打开对话框都加载新内容，请练习在对话框1中直接释放内容。加载的第一种方法是提前在页面中隐藏Dialog的内容(DOM)，编辑数据后异步提交数据。这种方法在项目中使用最多。只要把显示数据处理好，把错误返回显示，基本就能满足日常应用。2.由一些框架支持的第三种加载方式将非常自然。在的MVC框架中。net，视图和模型的集成以及验证规则的统一可以最大限度地降低开发成本。3.数据是异步提交还是以表单形式提交取决于具体情况。如果是搜索页面，需要返回大量页面状态，最好使用异步提交；否则只是刷新页面，表单提交更自然。1.如果你是控件的编写人，最好Dialog完全实现以上功能，可以满足更多的场景。2.如果你是控件的用户，根据具体情况配置Dialog，得到自己的效果。3.错误处理和显示将是这个过程中最麻烦的事情。