ChatGPT API Stream cannot be used through JS

ChatGPT
1

I want to use the following method to connect to ChatGPT API using jQuery. However, it seems that an error occurred, and I wonder if anyone has a solution to this problem.

var requestData = {
“model”: “gpt-3.5-turbo”,
“messages”: [
{“role”: “user”, “content”: “What’s 1+1? Answer in one word.”}
],
“temperature”: 0,
“stream”: true
};

var url = “https://api.openai.com/v1/chat/completions”
var eventSource = new EventSource(url, {
headers: {
“Content-Type”: “application/json”,
“Authorization”: “Bearer myAPIKey”
},
data: JSON.stringify(requestData)
});

  eventSource.addEventListener("error", function(event) {
    console.log("Error occurred:", event);
    
  });

  eventSource.addEventListener("open", function(event) {
    console.log("Connection established.");
    
  });
  
  eventSource.addEventListener("done", function(event) {
    console.log("Stream closed.");
    
  });

  eventSource.addEventListener("message", function(event) {
    var data = JSON.parse(event.data);
    console.log("Received response chunk:", data);
    
  });

console.log show :

bubbles: false

cancelBubble: false

cancelable: false

composed: false

currentTarget: null

defaultPrevented: false

eventPhase: 0

isTrusted: true

returnValue: true

srcElement: EventSource {listeners: Object, URL: url, url: url, withCredentials: false, readyState: 2, …}

target: EventSource {listeners: Object, URL: url, url: url, withCredentials: false, readyState: 2, …}

timeStamp: 2919

type: “error”