$ (id) .html () не работает в ajax

Question

Я хотел бы изменить текст HTML, используя jquery ajax, которые возвращают json array. В php-файле я использую echo json.encode(), чтобы вернуть json array object. все выглядит хорошо в console. но когда я попытался использовать данные для изменения текста в HTML, это работает. помогите пожалуйста lamo T.T

  var request = $.ajax({
      url:"userEditChanges/submitTestRequirementModalForm.php",
      method:"POST",
      data:formData,
      dataType:"json",

      success:function(data)
      { 
        for (let index = 0; index < data.length; index++) {
          console.log(data[index]);  
        }
        console.log(data);
        // $('#textreqline' ).html("lo")
        //document.getElementById("textreqline") return null.
        document.getElementById("textreqline").innerHTML = "hello";
      },
      error: function (jqXHR, textStatus, errorThrown) {
        console.log(jqXHR.responseText);
      }
      })
      });

getElementById возвращает ноль в консоли. То же самое касается селектора jquery. но если я напишу

document.getElementById("textreqline").innerHTML = "hello";

или

 $('#textreqline' ).html("lo");

вне функции успеха ajax HTML-текст на странице изменится. это как ajax, препятствующий функционированию их собственного селектора. я также попытался создать функцию с .html() в ней и вызвать AJAX как функцию, но все еще не работает.

Answer 1

мне удается найти способ! мне нужно использовать .content (). find (), потому что браузер читает iframe по-другому (пожалуйста, исправьте меня, если я неправильно понял концепцию).

p / s: не забудьте поблагодарить вас за все ваши вклады, мотивированные лол.

var request = $.ajax({
  url:"userEditChanges/submitTestRequirementModalForm.php",
  method:"POST",
  data:formData,
  dataType:"json",

  success:function(data)
  { 
    var arr = "";
    data.forEach(function(params) {
     arr = arr+ "<p>" + params + " <p>";   
    });


    $('#iview').contents().find('#textreqlinebaru').each(function (params) {
      $(this).html(arr);
    });
  },
  error: function (jqXHR, textStatus, errorThrown) {
    console.log(jqXHR.responseText);
  }
  }