Xiaoyu Huang的个人博客

AI Code的使用和一些思考

—

由

silwol
于

最近的AI Code非常火爆，我想在买GitHub Copilot之前先找个免费的试一下，由于ChatGPT、Codeium登录注册都被墙了，好在国产有一个CodeGeeX可以用，所以我一直在用这个。

感觉代码智能补写功能一般，经常是错误或者我不想要的，而且他还影响了我使用正常的代码联想、不全功能。

其实我觉得比较好用的功能是他的对话交互式提问和代码生成。以前作为面向StackOverflow编程，我需要先google/bing输入问题关键词，再去找StackOverflow里面star或answer最多的那个。当然有时候要看好几个question和answer，才能大致有结论。然后再综合一下自己开始写代码。

而这个交互式提问和代码生成，就相当于为我省去了搜索、鉴别、分析的过程，直接给我一个答案，理想状态下可以直接拿过来用。但是我们还是要有自己的分析鉴别能力，有时候他的答案不一定是对的。

以下是一个CodeGeeX给我错误答案的例子，当然作为结尾，我给他提供了更正答案的反馈。我觉得，对于现在的AI，我们应该尽量对他的答案都提供反馈，这样应该能对他的迭代学习产生一点正面的影响，吧。。

You: javascript怎样接收POST过来的参数

CodeGeeX

在 JavaScript 中,可以使用 XMLHttpRequest 对象来接收 POST 方法传递的参数。

以下是一个简单的 JavaScript 示例,演示如何使用 XMLHttpRequest 对象接收 POST 方法传递的参数:

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 设置请求方法和 URL
xhr.open("POST", "sign/doaction", true);

// 设置是否异步执行
xhr.async = true;

// 设置响应处理函数
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    // 处理响应数据
    console.log(xhr.responseText);
  }
};

// 设置请求头
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

// 发送 POST 数据
var company_name_zh_cn = "测试公司中文名称";
var company_name_en_us = "测试公司英文名称";
var data = "company_name_zh-cn=" + encodeURIComponent(company_name_zh_cn) + "&company_name_en-us=" + encodeURIComponent(company_name_en_us);
xhr.send(data);Code language: JavaScript (javascript)

在这个示例中,我们首先创建了一个新的 XMLHttpRequest 对象,然后使用 open() 方法来设置请求方法和 URL。接着,我们使用 async 属性来设置是否异步执行请求,使用 onreadystatechange 事件来处理响应数据。

然后,我们使用 setRequestHeader() 方法来设置请求头,其中 Content-Type 设置为 application/x-www-form-urlencoded 表示发送 POST 数据。

最后,我们使用 send() 方法来发送 POST 数据。在发送 POST 数据时,我们使用 encodeURIComponent() 函数来将数据编码为 URL 编码格式,以便在 POST 请求中传递。

请注意,在发送 POST 数据时,我们需要将数据编码为 URL 编码格式,以便在 POST 请求中传递。另外,如果 POST 数据较大,可以使用 sendAsynchronously() 方法来异步发送数据,而不是使用 send() 方法。

You: 刚才提交到sign/doaction这个页面，这个页面是html写的，我想在里面用javascript来显示接收到的company_name_zh-cn和company_name_en-us以及页面加载完成的时间，怎样做

CodeGeeX

在 HTML 页面中,可以使用 console.log() 函数来输出接收到的 company_name_zh-cn 和 company_name_en-us 参数,以及页面加载完成的时间。

以下是一个示例代码,演示如何在 HTML 页面中使用 JavaScript 输出 company_name_zh-cn 和 company_name_en-us 参数,以及页面加载完成的时间:

// 获取页面加载完成时间
window.onload = function() {
console.log("页面加载完成时间: " + new Date());
};

// 获取 POST 方法传递的参数
var company_name_zh_cn = "测试公司中文名称";
var company_name_en_us = "测试公司英文名称";

// 输出 company_name_zh-cn 和 company_name_en-us 参数
console.log("company_name_zh-cn: " + company_name_zh_cn);
console.log("company_name_en-us: " + company_name_en_us);
Code language: JavaScript (javascript)

在这个示例中,我们首先使用 window.onload 事件来获取页面加载完成的时间,并使用 console.log() 函数将其输出到控制台。

然后,我们使用 var 关键字来定义 company_name_zh_cn 和 company_name_en_us 变量,并使用 console.log() 函数将它们的值输出到控制台。

请注意,在输出 company_name_zh_cn 和 company_name_en_us 参数时,我们使用了 console.log() 函数,而不是将其赋值给 HTML 元素。这是因为 console.log() 函数会将输出内容输出到控制台,而不是将其赋值给 HTML 元素。

You: javascript怎样获取POST参数

CodeGeeX

在JavaScript中,可以使用XMLHttpRequest对象或Fetch API来获取POST参数。下面是两种方法的示例代码:

方法1:使用XMLHttpRequest对象

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求方法和URL
xhr.open("POST", "sign/doaction", true);

// 设置是否异步执行
xhr.async = true;

// 设置响应处理函数
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        // 处理响应数据
        console.log(xhr.responseText);
    }
};

// 设置请求头
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

// 发送POST数据
var company_name_zh_cn = "测试公司中文名称";
var company_name_en_us = "测试公司英文名称";
var data = "company_name_zh-cn=" + encodeURIComponent(company_name_zh_cn) + "&company_name_en-us=" + encodeURIComponent(company_name_en_us);
xhr.send(data);Code language: JavaScript (javascript)

方法2:使用Fetch API

// 设置请求URL和POST数据
var url = "sign/doaction";
var data = new FormData();
data.append("company_name_zh-cn", "测试公司中文名称");
data.append("company_name_en-us", "测试公司英文名称");

// 发送请求并处理响应
fetch(url, {
    method: "POST",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded"
    },
    body: data
})
.then(function(response) {
    if (response.ok) {
        // 处理响应数据
        return response.text();
    } else {
        throw new Error("请求失败");
    }
})
.then(function(responseText) {
    console.log(responseText);
})
.catch(function(error) {
    console.error(error);
});Code language: JavaScript (javascript)

在这两个示例中,我们首先使用XMLHttpRequest对象或Fetch API来发送POST请求,并设置请求方法和URL。然后,我们使用setRequestHeader()方法来设置请求头,其中Content-Type设置为application/x-www-form-urlencoded表示发送POST数据。

在示例1中,我们使用send()方法来发送POST数据。在示例2中,我们使用fetch()方法来发送POST数据,并使用FormData对象来封装POST数据。

在示例1中,我们使用onreadystatechange事件来处理响应数据,并使用console.log()函数将响应数据输出到控制台。在示例2中,我们使用then()方法来处理响应数据,并使用console.log()函数将响应数据输出到控制台。

You: 你提供的2个示例都是在假设使用javascript发送POST数据到另一个链接地址（我们用linkB代替）并在发送结束后显示处理结果，但是我其实想要的是linkB里面的javascript是怎样获取参数的

CodeGeeX

抱歉,我误解了您的问题。下面是一个示例代码,演示如何在 linkB 页面中获取 POST 参数:

// 获取 POST 参数
var company_name_zh_cn = "测试公司中文名称";
var company_name_en_us = "测试公司英文名称";

// 获取 POST 数据
var xhr = new XMLHttpRequest();
xhr.open("POST", linkB, true);
xhr.onreadystatechange = function() {
   if (xhr.readyState == 4 && xhr.status == 200) {
       // 处理响应数据
       console.log(xhr.responseText);
   }
};
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
var data = "company_name_zh-cn=" + encodeURIComponent(company_name_zh_cn) + "&company_name_en-us=" + encodeURIComponent(company_name_en_us);
xhr.send(data);Code language: JavaScript (javascript)

在这个示例中,我们首先使用 var 关键字来定义 company_name_zh_cn 和 company_name_en_us 变量,并使用 encodeURIComponent() 函数将它们编码为 URL 编码格式,以便在 POST 请求中传递。

然后,我们使用 XMLHttpRequest 对象来发送 POST 请求,并使用 open() 方法来设置请求方法和 URL。接着,我们使用 onreadystatechange 事件来处理响应数据,并使用 setRequestHeader() 方法来设置请求头,其中 Content-Type 设置为 application/x-www-form-urlencoded 表示发送 POST 数据。

最后,我们使用 send() 方法来发送 POST 数据,并将 POST 数据编码为 URL 编码格式,并将其作为参数传递给 send() 方法。在 send() 方法中,我们将 company_name_zh_cn 和 company_name_en_us 变量作为 POST 参数传递,并使用 encodeURIComponent() 函数将它们编码为 URL 编码格式,以便在 POST 请求中传递。

You: 抱歉，你的答案仍然是错误的，在我查阅了资料之后我得到了结论：javascript作为一个web前端语言，是无法得到POST内容的，因为POST方法是讲数据传到了服务器端，而服务器端会将POST请求进行处理，讲处理后的结果以Response的形式返回给客户端，也就是javascript来继续进行客户端的渲染或处理，而服务器端返回给客户端的内容里是没有POST内容的

CodeGeeX

非常抱歉,我的之前的回答有误。您说得对,JavaScript 作为一个 Web 前端语言,无法直接获取 POST 内容。POST 方法将数据发送到服务器端,服务器端处理 POST 请求并返回 Response 对象。JavaScript 可以通过处理 Response 对象来获取服务器端的响应数据,但是无法直接获取 POST 内容。

如果您需要获取 POST 内容,您需要使用服务器端的编程语言来获取 POST 内容,然后将获取到的内容传递给 JavaScript 进行处理。如果您使用的是 PHP,则可以使用 PHP 代码来获取 POST 内容,并将其传递给 JavaScript 进行处理。如果您使用的是 Python,则可以使用 Python 代码来获取 POST 内容,并将其传递给 JavaScript 进行处理。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理。