繁体   English   中英

为什么我的 html 文件只在一行中加载? [C套接字编程]

[英]Why does my html file only load if it's all on one line? [C Socket Programming]

我最近在 C 开始学习套接字编程,在网上学习了一个教程之后,我最终得到了一个服务器代码,它加载了一个可以在浏览器中查看的 html 文件:

int main(void) {
    FILE * html_data;
    if ((html_data = fopen("index.html", "r")) == NULL) {
    puts("File Not Found");
    exit(1);
    }

    char response_data[1024];
    fgets(response_data, 1024, html_data);

    char http_header[2048] = "HTTP/1.1 200 OK\r\n\n";
    strcat(http_header, response_data);

    int server_socket = socket(AF_INET, SOCK_STREAM, 0);
    struct sockaddr_in server_addr;
    server_addr.sin_family = AF_INET;
    server_addr.sin_port = htons(4999);
    server_addr.sin_addr.s_addr = INADDR_ANY;

    bind(server_socket, (struct sockaddr *) &server_addr, sizeof(server_addr));

    listen(server_socket, 5);

    int client_socket;
    while (1) {
    client_socket = accept(server_socket, NULL, NULL);
    send(client_socket, http_header, sizeof(http_header), 0);
    shutdown(client_socket, 2);
    }

    return 0;
}

我第一次尝试使用浏览器 (Brave Browser) 连接到此服务器时,我能够连接,但我只能看到一个空白页面。 后来我发现我的 html 加载的唯一方式是如果它都在一行上,就像它在这里:

<!DOCTYPE html><html><body><p>HELLO WORLD</p></body></html>

有什么理由会这样吗? 这是一个非常奇怪的怪癖,我不确定为什么它会这样工作。 我也在 Firefox 上尝试过这个,以确保这不仅仅是铬的东西。 有人可以启发我吗? 谢谢你。

您需要检查您调用的所有函数的返回值。

考虑至少为开发设置套接字选项SO_REUSEADDR ,这样您就不必等待 tcp/ip 超时就可以再次启动服务器。

这是一个使用sendfile()的例子。 read()使用类似的调用模式。

#include <arpa/inet.h>
#include <errno.h>
#include <fcntl.h>
#include <stdio.h>
#include <stdlib.h>
#include <sys/sendfile.h>
#include <sys/socket.h>
#include <sys/stat.h>
#include <unistd.h>

int main(void) {
    int server_socket = socket(AF_INET, SOCK_STREAM, 0);
    struct sockaddr_in server_addr;
    server_addr.sin_family = AF_INET;
    server_addr.sin_port = htons(4999);
    server_addr.sin_addr.s_addr = INADDR_ANY;
    bind(server_socket, (struct sockaddr *) &server_addr, sizeof(server_addr));
    listen(server_socket, 5);
    for(;;) {
        int client_socket = accept(server_socket, NULL, NULL);
        
        int html_data = open("index.html", O_RDONLY);
        if(html_data == -1) {
            puts("File Not Found");
            // send 403 to client?
            return 1;
        }
        struct stat statbuf;
        if(fstat(html_data, &statbuf) == -1) {
            puts("fstat failed");
            // send 500 to client?
            return 1;
        }

        char http_header[] = "HTTP/1.1 200 OK\r\n\r\n";
        send(client_socket, http_header, sizeof(http_header) - 1, 0);

        for(size_t count = statbuf.st_size; count; count -= n) {
            ssize_t n = sendfile(client_socket, html_data, NULL, count);
            if(n == -1) {
                puts("error");
                break;
            }
        }
        close(html_data);
        shutdown(client_socket, 2);
    }
}

您没有提供多行 index.html 但使用我的测试文件 curl localhost:4999 返回:

<html>
        <body>
                <h1>Hello World</h1>
        </body>
</html>

为什么我的JS function 只操作一个<div>分配给 class 而不是全部?</div><div id="text_translate"><p> 我有这个 JS function 应该最初隐藏一个具有 class 名称“tw”的,当点击一个按钮时它应该使它可见。 但是,每当我单击按钮时,它只会更改一个 div 的可见性。 我有 4 个。我该如何解决这个问题?</p><pre> function myFunction(){ var elms = document.getElementsByClassName("tw"); Array.from(elms).forEach((x) =&gt; { if (x.style.display === "block") { x.style.display = "none"; } else { x.style.display = "block"; } }) }</pre><p> <a href="https://jsfiddle.net/qm8bxryh/307/" rel="nofollow noreferrer">https://jsfiddle.net/qm8bxryh/307/</a>这是小提琴</p></div>

[英]Why does my JS function only manipulate one <div> that is assigned to the class instead of all?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM