通过ajax post提交html代码报错net::ERR_CONNECTION_ABORTED 解决方案

最新推荐文章于 2025-06-04 23:57:48 发布

原创最新推荐文章于 2025-06-04 23:57:48 发布 · 3.6w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#post #ajax #html #php

问题汇总专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在使用Ajax POST提交富文本编辑器中的HTML代码时遇到的“net::ERR_CONNECTION_ABORTED”错误，并提供了通过编码及特殊字符替换来解决该问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、环境

PHP 7.1.4

iis 8

jq 3.1.0

二、使用场景

通过ajax提交，post提交富文本编辑器的html代码到服务器。

    var content=ue.getContent();//获取富文本编辑器html内容  
    var param={
        title:title,
        type:type,
        subtitle:$("#subtitle").val(),
        id:$("#id").val(),
        sort:$("#sort").val(),
        content:content,
        issue:t
    };
    $.ajax({
        url:'/index.php/Admin/InfoShow/articleEditPost',
        data:param,
        type:'POST',
        // contentType:false,
        // processData:false,
        success:function (r) {
            parent.layer.msg(r.msg)
            if(r.status==1){
                setTimeout("history.go(-1)",1000)
            }

        }
    })

报错：http://localhost/index.php/Admin/InfoShow/articleEditPost net::ERR_CONNECTION_ABORTED

三、解决方案

首先猜想是服务器（云服务器）或者iis配置，禁止html代码上传。最终没有找到是哪里设置问题，然后就从代码入手，曲线救国。

前端：

    var content=ue.getContent();//获取富文本编辑器html内容  
    content=encodeURI(content);//将html代字符串作为 URI 进行编码

经过测试发现仅仅做URI编码还是会报同样的错，所以我再做了一次字符替换。

   content=content.replace(/%/g,'_%_');//

服务端：

   $data['content']=str_replace('_%_','%',$data['content']);//将替换的字符再替换回来
   $data['content']=urldecode($data['content']);//将编码的字符串再转回html代码

四、总结

这个问题困扰了我很久，一直没有找到原因，项目放到其他服务器上就正常，迁移了服务器就不正常了，也没找到是哪里配置有问题，只有这样曲线救国，暂时解决了，不知道还有没有后遗症。