在 Django 中，如何使用 JsonResponse 在函数中执行多个条件（if/else）并在 div 中显示结果？

问题描述 投票：0回答：1

我想在 

def function_check
函数中执行一些多重条件（if/else），并在灰色 div 中打印它们的多重结果，例如这样：

最初，我将所有代码放在同一个函数中，现在我将其分为两个单独的函数：

def function_input_user
和
def function_check
。将代码分成两个函数后，我遇到了困难。重要提示：我想继续使用两个单独的函数。准确地说，该应用程序检查文本区域中是否有单词 (
user_input.html
)。如果找到这些单词，那么我想在灰色 div 中打印一条消息。

我是 Django 新手，我的困难在于 

context
和 
return JsonResponse(context, status=200)
，因为我无法返回所有多个条件结果并将它们打印在灰色 div 中。

我收到此错误：

raise TypeError(
TypeError: In order to allow non-dict objects to be serialized set the safe parameter to False).

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>University</title>

    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}"/>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>

</head>

<body>
  <div class="test">
    <div>Input User</div> 

      <div class="editor">
        <pre class="editor-lines"></pre>
        <div class="editor-area">
          <pre class="editor-highlight"><code class="language-html"></code></pre>
          <textarea 
              class="editor-textarea" 
              id="userinput"
              data-lang="html" 
              spellcheck="false" 
              autocorrect="off" 
              autocapitalize="off">
&lt;!DOCTYPE html>
&lt;html>


&lt;head>
&lt;title>Page Title&lt;/title>
&lt;/head>

&lt;body>     
&lt;div class="container-fluid">
&lt;h1 class="heading">This is a Heading&lt;/h1>   
&lt;p>This is a paragraph.&lt;/p>
&lt;/div>        
&lt;/body>
&lt;/html>
          </textarea>
        </div>
      </div>
    </div> 
      
    <button type="submit" onclick="getFormData();">Search</button>
  
    <br><br>
    <div>Result</div>
    <div class="result row2 rowstyle2" id="result">
      {% comment %} Ajax innerHTML result {% endcomment %}
    </div>
  </div> 

{% comment %} script to disable "want to send form again" popup {% endcomment %}
<script>
  if ( window.history.replaceState ) {
      window.history.replaceState( null, null, window.location.href );
  }
</script>

<script>
  function getFormData() {
      $.ajax({
          type:"GET",
          url: "{% url 'function_check' %}",
          data:{
              // con Div: "formData": document.getElementById("userinput").innerText
            "formData": document.getElementById("userinput").value
          },
          success: function (response) {
              document.getElementById("result").innerHTML = response.message;
          },
          error: function (response) {
              console.log(response)
          }
      });
  }
</script>

</body>
</html>

views.py

from django.http import JsonResponse
from django.shortcuts import render

def index(request):
    return render(request, "index.html")

def function_input_user(request):

    if request.method == "GET":        
        user_form_data = request.GET.get("formData", None)
        with open('App1/templates/user_input.html', 'w') as outfile:
            outfile.write(user_form_data)
        file = open('App1/templates/user_input.html', 'r').readlines()

################################################## ################## # 删除空格和空行 def process_file(file_lines): 已处理行= [] 对于 file_lines 中的行：
stripped_line = line.strip() # 删除空格和换行符

                if stripped_line:  # Add the line only if it's not empty
                    processed_lines.append(stripped_line)
            return processed_lines

        file_processed = process_file(file)
        ###################################################################

    return JsonResponse(file_processed, status=200)

def function_check(request):

    #Check <html>
    if '<html>' in function_input_user(request):
        html["message"] = "CORRECT: &lthtml&gt found"
    else:
        html["message"] =  "ERROR: &lthtml&gt not found"

    #Check <head>
    if '<head>' in function_input_user(request):
        head["message"] = 'CORRECT: &lthead&gt found'
    else:
        head["message"] =  'ERROR: &ltdiv class="container-fluid"&gt not found'

    #Check <div class="container-fluid">
    if '<div class="container-fluid">' in function_input_user(request):
        container_fluid["message"] = 'CORRECT: &ltdiv class="container-fluid"&gt found'
    else:
        container_fluid["message"] =  'ERROR: &ltdiv class="container-fluid"&gt not found'

    context = {
    'html' : html,
    'head' : head,
    'container_fluid': container_fluid, 
    }

    return JsonResponse(context, status=200)

app1/urls.py

from django.urls import path
from . import views

urlpatterns=[
  path('', views.index, name='index'), 
  path('function_input_user/', views.function_input_user,name="function_input_user"),
  path('function_check/', views.function_check,name="function_check"),

]

项目/urls.py

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('App1.urls')),
]

样式.css

*,
*::after,
*::before {
    margin: 0;
    box-sizing: border-box;
}

.rowstyle1 {
  background-color: black;
  color: white;
}

.row2 {
margin-top: 20px;
width: 700px;
height: 120px;
}

.rowstyle2 {
  background-color: #ededed;;
  color: black;
}

/* Code Editor per Highlightjs */

/* Scrollbars */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 1rem;
}

.editor {
  --pad: 0.5rem;
  display: flex;
  overflow: auto;
  background: #ffb5b5;
  height: 100%;
  width: 100%;
  padding-left: 4px;
}

.editor-area {
  position: relative;
  padding: var(--pad);
  height: max-content;
  min-height: 100%;
  width: 100%;
  border-left: 1px solid hsl(0 100% 100% / 0.08);
}

.editor-highlight code,
.editor-textarea {
  padding: 0rem !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  outline: 0;
}

.editor-highlight code,
.editor-textarea,
.editor-lines {
  white-space: pre-wrap;
  font: normal normal 14px/1.4 monospace;
}

.editor-textarea {
  display: block;
  position: relative;
  overflow: hidden;
  resize: none;
  width: 100%;
  height: 200px;
  color: white;
  caret-color: hsl(50, 75%, 70%); /* But keep caret visible */
  border: 0;
  &:focus {
    outline: transparent;
  }
  &::selection {
    background: hsla(0, 100%, 75%, 0.2);
  }
}

.editor-highlight {
  position: absolute;
  left: var(--pad);
  right: var(--pad);
  user-select: none;
  margin-bottom: 0;
  min-width: 0;
}

.editor-lines {
  display: flex;
  flex-direction: column;
  text-align: right;
  height: max-content;
  min-height: 100%;
  color: hsl(0 100% 100% / 0.6);
  padding: var(--pad); /* use the same padding as .hilite */
  overflow: visible !important;
  background: hsl(0 100% 100% / 0.05);
  margin-bottom: 0;
  & span {
    counter-increment: linenumber;
    &::before {
      content: counter(linenumber);
    }
  }
}

谢谢！

python python-3.x django django-rest-framework django-views
1个回答
0
投票

我收到此错误：

raise TypeError( TypeError: 为了允许非字典对象 序列化将安全参数设置为 False）。

出现该错误的原因是您使用 JsonResponse 返回一个列表作为响应，而它期望它是一个字典，您可以通过将 

safe
参数设置为 
JsonResponse

的 False 来修复它
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.